SASS Control Directives 2

Question 1

What does the Sass `@while` directive do?

Accepted Answer

Repeats a block as long as a condition remains true

Answer

Pauses compilation until a condition is met

Answer

Creates an animation loop

Answer

Waits for a variable to be defined

Question 2

How do you use the `if()` function (inline conditional) in Sass?

Accepted Answer

if($condition, $true-value, $false-value)

Answer

@if $condition { value } @else { value }

Answer

condition ? true-value : false-value

Answer

switch($condition, $true, $false)

Question 3

What does `@debug` do in Sass?

Accepted Answer

Prints a value to the standard error output during compilation

Answer

Adds a CSS comment in the output

Answer

Pauses compilation for inspection

Answer

Logs the compiled CSS

Question 4

What is the purpose of `@warn` in Sass?

Accepted Answer

Outputs a warning message to the compiler output without stopping compilation

Answer

Throws a compilation error

Answer

Marks a block as deprecated

Answer

Suppresses style output

Question 5

What does `@error` do in Sass?

Accepted Answer

Throws a fatal error that stops compilation

Answer

Logs an error to the CSS output as a comment

Answer

Marks a rule as invalid

Answer

Skips the current block

Question 6

How do you generate CSS class names dynamically using a Sass `@for` loop?

Accepted Answer

Use interpolation: `.col-#{$i} { width: $i * 10%; }`

Answer

Use concatenation: `.col-$i { }`

Answer

Use the `class()` function

Answer

Use `@generate .col-$i { }`