SASS Partials and Modules 3

Question 1

What convention marks a Sass member as private within a module?

Accepted Answer

Prefixing the name with a hyphen or underscore, e.g., `$-private` or `$_private`

Answer

Members starting with `-` or `_` are treated as private in Sass modules and cannot be accessed from outside.

Question 2

How does `@use` prevent a file from being loaded multiple times?

Accepted Answer

It only loads each file once regardless of how many times it is referenced

Answer

`@use` guarantees each file is loaded and executed only once, preventing duplicate CSS output.

Question 3

What is the purpose of an `_index.scss` file in a Sass module directory?

Accepted Answer

It acts as the entry point for a directory, auto-loaded when the directory is used

Answer

When a directory is referenced in `@use` or `@forward`, Sass looks for `_index.scss` as the directory's entry point.

Question 4

How do you configure a module's default variables when using `@use`?

Accepted Answer

@use 'module' with ($var: value);

Answer

The `with` keyword in `@use` allows you to override a module's `!default` variables at load time.

Question 5

What is the difference between `@use` and `@forward` in Sass?

Accepted Answer

`@use` loads a module for use in the current file; `@forward` re-exports it for consumers

Answer

`@use` makes a module's members available in the current file, while `@forward` passes them through to files that import the current file.

SASS Practice Test