GENERATOR-SCSSFOLD

Yeoman generator which scaffolds your SCSS files.

INSTALLIATION & USE

Install it globally via npm:

npm i -g generator-scssfold  

and then use it like any other yeoman generator:

yo scssfold

WHATS INSIDE

bootstrap/
├── __bootstrap.scss
├── _mixins.scss
└── _variables.scss
components/
└── __components.scss
helpers/
└── __helpers.scss
layout/
├── __layout.scss
├── _base.scss
├── _footer.scss
└── _header.scss
scenes/
├── __scenes.scss
├── _profile.scss
├── _search.scss
└── _sign-in.scss
styles.scss

bootstrap/

Bootstrap 4 source imports, variables and mixins overrides

components/

Styles per component

helpers/

Helper styles

layout/

Styles for base layout blocks

scenes/

Styles per page