Developing Themes

Sass and SCSS

Siteleaf comes with support for Sass and SCSS preprocessing right out of the box! It’s pretty easy to get going, too: just put a .scss or .sass anywhere in your theme with added front matter to have Jekyll compile the Sass/SCSS to CSS. For example:


  color: red

Saving this file to assets/stylesheet.sass will process it and create assets/stylesheet.css on your site.


Any partials that you’re importing with @import should be placed in the _sass/ directory. All the files you put into this directory should begin with an underscore (e.g., _sass/_header.sass).

Further Reading

Help improve this page