Mastering CSS

Creating and importing partial files with SASS

In the Font kits and font services section in Chapter 7, Web Fonts, we also discussed that Sass allows you to create partial files for different parts of your CSS and import them into your main Sass file:

//Imports@import '_variables.scss';@import '_mixins.scss';@import '_icons.scss';@import '_reset.scss';@import '_modular.scss';@import '_modal.scss';

Sass will compile all partial Sass files into one main CSS file. So I have my CSS broken down into smaller chunks. They all compile down into style.css.

The best part about having these multiple organized files is that they compile down into one file, so that means just one HTTP request instead of multiple requests. That's a performance gain right ...