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 -gUse
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
4. Create your feature branch ()
5. Commit your changes (git commit -am 'Add some feature')
6. Push to the branch (git push origin my-new-feature`)