SASS Partials and Modules

Question 1

What is a Sass partial?

Accepted Answer

A Sass file prefixed with an underscore that is not compiled independently

Answer

Sass partials are files named with a leading underscore (e.g., `_variables.scss`) that are only included via `@use` or `@import`.

Question 2

How do you import a Sass partial named `_buttons.scss`?

Accepted Answer

@use 'buttons';

Answer

When using `@use`, you omit the leading underscore and `.scss` extension in the path.

Question 3

What is the key advantage of `@use` over `@import` in Sass?

Accepted Answer

It scopes variables and mixins to a namespace, avoiding global pollution

Answer

`@use` loads Sass files as modules with their own namespaces, preventing conflicts between files.

Question 4

How do you access a variable from a `@use`d module?

Accepted Answer

module-name.$variable

Answer

Members from `@use`d modules are accessed using dot notation: `namespace.$variable`.

Question 5

What does `@forward` do in Sass?

Accepted Answer

Re-exports members of one module so they are accessible from another file

Answer

`@forward` makes a module's members available when another file uses the forwarding module.

SASS Practice Test