SASS Mixins and Functions 3

Question 1

How do you pass a content block to a mixin in Sass?

Accepted Answer

@include mixin-name { /* styles */ }

Answer

A content block is passed by placing styles in curly braces after the `@include` call.

Question 2

Which Sass function returns the absolute value of a number?

Accepted Answer

math.abs()

Answer

The `math.abs($number)` function from the built-in `math` module returns the absolute value.

Question 3

What is the purpose of `@return` in a Sass function?

Accepted Answer

It specifies the value the function outputs

Answer

`@return` ends the function and provides the computed value that will replace the function call.

Question 4

What does `mix($color1, $color2, $weight)` do in Sass?

Accepted Answer

Blends two colors together based on the given weight percentage

Answer

The `mix()` function blends two colors where the `$weight` controls how much of the first color to use.

Question 5

How do you create a recursive Sass function?

Accepted Answer

Call the function by name within its own `@function` block

Answer

Sass functions can be recursive by calling themselves within the function body, just like in other languages.

SASS Practice Test