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