@mmintel/tachyons-sass

0.0.3 • Public • Published

tachyons-sass

Super flexible SCSS port of tachyons.

Installation

npm install --save @mmintel/tachyons-sass

Changes

  • Breakpoints are used with @ Suffx, e.g. .fs3@ns
  • Breakpoints are now customizable, add new breakpoints to $breakpoints map
  • Many settings are transformed into maps and automatically generate new classes when changed
    • $font-sizes
    • $spacings
    • $sizes (now used for widths and heights)
    • $transparencies
    • $grays
    • $shadows
    • $text-shadows
    • $thicknesses
    • $radii
  • changed names of gray tones, now .gray1, .gray2...
  • changed .list to .no-list
  • changed .mw to .max-w
  • added .circle
  • added .fill-* classes, e.g. .fill-gray5
  • added .t-shadow*
  • removed colors completely
  • removed inherit classes completely
  • removed debugging classes
  • removed unnecessary headline classes
    • .f-headline
    • .f-subheadline
    • .f-5
    • .f-6
  • removed gradients
  • removed font families
  • removed hover effects

Usage

@import "path/to/tachyons.scss";

License

MIT

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 0.0.3
    5
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 0.0.3
    5
  • 0.0.2
    0
  • 0.0.1
    0

Package Sidebar

Install

npm i @mmintel/tachyons-sass

Weekly Downloads

5

Version

0.0.3

License

MIT

Unpacked Size

320 kB

Total Files

66

Last publish

Collaborators

  • mmintel