https://github.com/qodesmith/sassyons
The CSS I need - minus the CSS I don't - inspired by Tachyons
https://github.com/qodesmith/sassyons
Last synced: 10 months ago
JSON representation
The CSS I need - minus the CSS I don't - inspired by Tachyons
- Host: GitHub
- URL: https://github.com/qodesmith/sassyons
- Owner: qodesmith
- Created: 2017-11-29T14:14:55.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2021-05-03T11:00:40.000Z (about 5 years ago)
- Last Synced: 2025-02-26T01:16:32.381Z (over 1 year ago)
- Language: SCSS
- Size: 735 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
```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)