SASS Control Directives 3

Question 1

What is a common use case for `@each` in Sass?

Accepted Answer

Generating theme color classes from a list of color names

Answer

Importing multiple partials

Answer

Defining media breakpoints

Answer

Creating nested selectors

Question 2

How do you break out of a Sass `@while` loop?

Accepted Answer

Set the loop condition to false

Answer

Use `@break`

Answer

Use `@exit`

Answer

Use `@stop`

Question 3

What does the following Sass produce: `@for $i from 1 through 3 { .mt-#{$i} { margin-top: #{$i * 4}px; } }`?

Accepted Answer

.mt-1 { margin-top: 4px; } .mt-2 { margin-top: 8px; } .mt-3 { margin-top: 12px; }

Answer

.mt-1 { margin-top: 1px; } .mt-2 { margin-top: 2px; } .mt-3 { margin-top: 3px; }

Answer

.mt-1-3 { margin-top: 4px; }

Answer

.mt { margin-top: 12px; }

Question 4

Which operator is used for logical AND in Sass `@if` conditions?

Accepted Answer

and

Answer

&&

Answer

&

Answer

AND

Question 5

How do you check if a variable is null in a Sass `@if` statement?

Accepted Answer

@if $variable == null { }

Answer

@if is-null($variable) { }

Answer

@if null?($variable) { }

Answer

@if $variable.null { }

Question 6

What is the result of `not true` in a Sass `@if` condition?

Accepted Answer

false

Answer

true

Answer

null

Answer

0