Syntax to include separate Sass file?

Solution 1:

In order to prevent your partial from being converted into its own css file, prefix the filename with an underscore, _normalize.scss. Then you can import it the way you've indicated you're doing already:

@import "normalize";

Or import many files at once:

@import "normalize", "droidSans";

Or import from a relative directory:

@import "folder/file"

Note the use of double-quotes and semi-colon; I'm using the SCSS syntax which is a later development to the SASS word. While both styles are valid, you may find yourself preferring one over the other depending on what other languages you dabble in.

Further reading can be found under Directives/Partials in the documentation.