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.