Using Sass

Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.
— Sass Website

To start using it, simply create a index.sass or index.scss file at the root of your project and FullStacked will pick it up and process it before running your project.

Example

Given this kind of directory/subdirectory organization

...
├ index.sass
...
├ style
│ ├ components
│ │ ├ button.sass
│ │ ...
│ └ values
│   ├ colors.sass
│   ...
... 

Each highlighted files would look something like this

// index.sass
@import ./style/components/button.sass

html, body
    margin: 0
// style/components/button.sass
@import ../values/colors.sass

.btn
    background-color: $primary
    padding: 20px
    border-radius: 5px
// style/values/colors.sass

$primary: blue