sassyons
Version:
Inspired by Tachyons
35 lines (32 loc) • 1.66 kB
Markdown
```text
________
__ ___/_____ ___________________ ______________________
_____ \_ __ `/_ ___/_ ___/_ / / / __ \_ __ \_ ___/
____/ // /_/ /_(__ )_(__ )_ /_/ // /_/ / / / /(__ )
/____/ \__,_/ /____/ /____/ _\__, / \____//_/ /_//____/
/____/ By: The Qodesmith
```
# Sassyons · [](https://badge.fury.io/js/sassyons)
Sassyons is a SCSS utility libaray offering a bajillion helper classes designed to help you prototype and style apps _≋fast!_ Use it in conjunction with a tool like [purgecss](https://purgecss.com/) to include only the styles you use. Or just use [create-new-app](https://www.npmjs.com/package/create-new-app) (which includes Sassyons) to build React apps and everything is wired up for you!
# Show Me The Styles!
Sassyons includes a bunch of modules, each pertaining to a different part of CSS. Click on any one of the modules below to see what goodies Sassyons has to offer!
* [Borders](docs/borders.md)
* [Colors](docs/colors.md)
* [Directions](docs/directions.md) (top, right, bottom, left)
* [Display](docs/display.md)
* [Flexbox](docs/flexbox.md)
* [Font Size](docs/font-size.md)
* [Font Styling](docs/font-styling.md)
* [Heights](docs/heights.md)
* [Line Height](docs/line-height.md)
* [Margins](docs/margins.md)
* [Misc](docs/misc.md)
* [Opacity](docs/opacity.md)
* [Overflow](docs/overflow.md)
* [Padding](docs/padding.md)
* [Shades](docs/shades.md) (varieties of black and white)
* [Text](docs/text.md)
* [Vertical Align](doc/vertical-align.md)
* [White Space](doc/white-space.md)
* [Widths](doc/widths.md)
* [Z-Index](doc/z-index.md)