1.8 KiB
1.8 KiB
id | title | challengeType | forumTopicId |
---|---|---|---|
587d7dbf367417b2b2512bbc | Split Your Styles into Smaller Chunks with Partials | 0 | 301459 |
Description
_
) character, which tells Sass it is a small segment of CSS and not to convert it into a CSS file. Also, Sass files end with the .scss
file extension. To bring the code in the partial into another Sass file, use the @import
directive.
For example, if all your mixins are saved in a partial named "_mixins.scss", and they are needed in the "main.scss" file, this is how to use them in the main file:
// In the main.scss file
@import 'mixins'
Note that the underscore and file extension are not needed in the import
statement - Sass understands it is a partial. Once a partial is imported into a file, all variables, mixins, and other code are available to use.
Instructions
@import
statement to import a partial named _variables.scss
into the main.scss file.
Tests
tests:
- text: Your code should use the <code>@import</code> directive, and should not include the underscore in the file name.
testString: assert(code.match(/@import\s+?('|")variables\1/gi));
Challenge Seed
// The main.scss file
Solution
// The main.scss file
@import 'variables'