Sassy Sass is a CSS architecture scaffolding for Sass.
npm install sassysassSassy Sass is a scaffolding tool to help you organize your project’s Sass structure.
With a simple command, add a well-structured architecture for your project's CSS. Based off the SMACSS methodology, SassySass creates a simple, maintainable structure for your Sass files.
``js`
npm install sassysass -g`Use
Run sassysass install` in your project directory.
To create new individual Sass files run `sassysass page`. If the name isn't set the file will be named 'page' and if the path isn't set it assumes the directory is 'sass'.
To create new Sass module run `sassysass module`. If the name isn't set the file will be named 'module' and if the path isn't set it assumes the directory is 'sass/modules'.
Sassy Sass Architecture
----------
1. Utils
The utils directory contains Sass partials like:
* Vendor dependancies (Compass, Foundation)
* Authored dependancies (Mixins, Extends)
2. Base
The base directory contains Sass partials like:
* Variables
* Fonts
* Reset
3. Layout
The layout directory contains Sass partials like:
* Responsive Grid
* Page specific layouts
4. Modules
The modules directory contains Sass partials like:
* Header
* Footer
* Navigation
* Content Block
5. Themes
The themes directory contains Sass partials that overwrite the styles in layout or modules.
3. Run gulp
4. Create your feature branch (git checkout -b my-new-feature)
5. Commit your changes (git commit -am 'Add some feature')
6. Push to the branch (git push origin my-new-feature`)