SASS Modules and Imports

Question 1

What is the modern Sass directive for loading a module?

Accepted Answer

@use

Answer

The `@use` directive is the modern replacement for `@import` in Sass, providing namespaced access to variables, mixins, and functions.

Question 2

Why is `@use` preferred over `@import` in modern Sass?

Accepted Answer

@use provides namespacing and avoids global namespace pollution

Answer

`@use` loads a Sass file as a namespace, preventing variable/mixin name collisions and making dependencies explicit.

Question 3

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

Accepted Answer

$module.$variable

Answer

Variables from a `@use`d module are accessed using the namespace prefix: `$module.$variable`.

Question 4

How do you give a custom namespace to a `@use` import?

Accepted Answer

@use 'file' as alias

Answer

The `as` keyword assigns a custom namespace: `@use 'file' as alias` lets you use `alias.$variable` instead of `file.$variable`.

Question 5

What does `@use 'file' as *` do in Sass?

Accepted Answer

Imports all members into the global namespace (no prefix)

Answer

Using `as *` loads all public members into the global namespace without a prefix, similar to the old `@import` behavior.

SASS Practice Test