SASS Modules and Imports 2

Question 1

What is the `@forward` directive used for in Sass?

Accepted Answer

To re-export members from one module through another

Answer

The `@forward` directive makes the public members of another Sass file available to consumers that `@use` the current file.

Question 2

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

Accepted Answer

`@use` makes members available in the current file; `@forward` makes them available to files that `@use` the current file

Answer

`@use` imports members for use in the current file, while `@forward` passes them through so importing files can access them.

Question 3

How do you hide specific members when using `@forward`?

Accepted Answer

@forward 'file' hide $var

Answer

The `hide` keyword with `@forward` prevents specific members from being re-exported: `@forward 'file' hide $secret`.

Question 4

How do you expose only certain members when using `@forward`?

Accepted Answer

@forward 'file' show $var

Answer

The `show` keyword with `@forward` whitelists specific members to be re-exported: `@forward 'file' show $public`.

Question 5

Why is `@import` being deprecated in Sass?

Accepted Answer

It causes global namespace pollution and makes dependency tracking difficult

Answer

`@import` puts all variables, mixins, and functions in the global scope and re-executes files each time they are imported, making large projects fragile.

SASS Practice Test

SASS Practice Test

SASS Modules and Imports 2