Partial files with underscore prefix in SASS - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is a partial file in Sass?

A partial file in Sass is a file that starts with an underscore (_) and is meant to hold Sass code that you want to include in other Sass files. It won't be compiled into a separate CSS file on its own.

beginner

Why do Sass partial files start with an underscore?

The underscore tells Sass not to compile the file directly. Instead, it is used only when imported into other Sass files.

intermediate

How do you import a partial file in Sass?

You use the @use or @import rule without the underscore or file extension. For example, @use 'variables'; will import _variables.scss.

intermediate

What happens if you don't use an underscore for a Sass file you want to import?

If the file does not start with an underscore, Sass will compile it into its own CSS file, which might not be what you want if it's just a helper file.

beginner

Can you explain the benefit of using partial files in Sass projects?

Partial files help organize your styles into smaller, manageable pieces. They keep your code clean and reusable without creating extra CSS files.

What does the underscore (_) at the start of a Sass file name mean?

A The file is a partial and won't compile to CSS on its own

B The file is a CSS file

C The file is ignored by Sass

D The file is compiled twice

An underscore means the file is a partial and is only included when imported, so it doesn't compile separately.

How do you import a partial file named _colors.scss in Sass?

A @import '_colors';

B @use '_colors.scss';

C @import 'colors.scss';

D @use 'colors';

You import partials without the underscore or file extension using @use or @import.

What happens if you remove the underscore from a partial file name?

A It will cause an error

B It will be ignored by Sass

C It will compile into a separate CSS file

D It will merge with other files automatically

Without the underscore, Sass treats the file as a normal file and compiles it separately.

Why use partial files in Sass?

A To make CSS files larger

B To organize code and avoid extra CSS files

C To slow down compilation

D To avoid using variables

Partials help keep code organized and prevent creating many CSS files.

Which Sass rule is recommended for importing partials in modern Sass?

A @use

B @import

C @include

D @extend

@use is the modern recommended way to import partials, replacing @import.

Explain what a Sass partial file is and why it starts with an underscore.

Think about how Sass knows which files to compile and which to include only.

Describe how to import a partial file in Sass and what happens if you forget the underscore in the file name.

Focus on the import syntax and the effect of file naming on compilation.