Initially determining the correct site structure is vital to any new project in Sass. Using partial templates allows you to divide CSS into smaller, more manageable blocks of code that are much easier to design and develop.
Partial template files are created using underscores and are not put into separate CSS files. Each partial template must be imported using the main Sass file (global.scss), located in the root Sass folder.
Variables are one of the simplest elements of Sass, but some developers still use them incorrectly from time to time. Developing a site-wide naming convention is essential to working with variables. Without it, they are less clear and duplicate use is possible.