Sass files structure

All Sass files are stored in the src/scss/ folder. Inside the folder, there is the main style.scss file, plus 3 more folders.

src/
└── scss/
├── core/
├── settings/
├── theme/
└── style.scss
  • core/ folder contains the "core style" shared by all templates. It's a sort of framework, where the properties are based on the variables defined in the settings/ folder. You should never modify any of the files inside the core directory 🚫

  • settings/ contains all the template-specific variables at the base of each template. If you want to change a color, a font size or more, that's the place!

  • theme/ has the same structure of core/, and it's the place where you can override the core style or extend it by adding custom CSS.