SASS Control Directives

Question 1

Which Sass directive is used for conditional style output?

Accepted Answer

@if

Answer

@when

Answer

@cond

Answer

@check

Question 2

What is the Sass syntax for an if-else statement?

Accepted Answer

@if condition { } @else { }

Answer

@if condition { } @otherwise { }

Answer

@when condition { } @default { }

Answer

@if (condition) then { } else { }

Question 3

How do you write a `for` loop in Sass that iterates from 1 to 5 inclusive?

Accepted Answer

@for $i from 1 through 5 { }

Answer

@for $i from 1 to 5 { }

Answer

@loop $i 1..5 { }

Answer

@each $i in 1,2,3,4,5 { }

Question 4

What is the difference between `@for $i from 1 to 5` and `@for $i from 1 through 5`?

Accepted Answer

`to` excludes 5; `through` includes 5

Answer

`to` includes 5; `through` excludes 5

Answer

They produce the same output

Answer

`to` counts down; `through` counts up

Question 5

How do you iterate over a list in Sass?

Accepted Answer

@each $item in $list { }

Answer

@for $item of $list { }

Answer

@loop $item from $list { }

Answer

@iterate $item in $list { }

Question 6

How do you use `@each` to iterate over a Sass map?

Accepted Answer

@each $key, $value in $map { }

Answer

@each $entry in $map { }

Answer

@for $key: $value in $map { }

Answer

@map-each $key $value in $map { }