SCSS/SASS/CSS

SCSS, SASS, and CSS are supported.

.scss and .sass

These files reside in the root/source/sass folder.

When generating your site, Trio compiles your Sass to the public/css or release/css folders with vendor prefixing, minification, and CSS source maps (please see below) for both development and release builds.

Beginning with Trio v6.0.0 CSS source map file generation is configurable for both development and release builds. By default, Trio will generate CSS source map files for both development and release builds. You can, however, override this default behavior by declaring the following in your trio.json file and setting the development and release properties accordingly:

"sassSourceMaps": {
    "development": [true | false],
    "release": [true | false]
}

.css

If you rename your *.css files to *.scss and maintain them in the root/source/sass folder your style sheets can take advantage of Sass build features, such as vendor prefixing, file minification, and CSS map file generation. This is possible because _CSS is a subset of Sass_.

These files reside in the root/source/css folder.

When generating your site, Trio copies these files to the public/css folder.