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

@include mixin-name(@content { /* styles */ })

Answer

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

Answer

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

Question 2

Which Sass function returns the absolute value of a number?

Accepted Answer

math.abs()

Answer

abs()

Answer

number.abs()

Answer

absolute()

Question 3

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

Accepted Answer

It specifies the value the function outputs

Answer

It exits a mixin early

Answer

It returns control to the parent selector

Answer

It imports a return value from another file

Question 4

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

Accepted Answer

Blends two colors together based on the given weight percentage

Answer

Multiplies two color values

Answer

Converts two colors to grayscale

Answer

Averages the hue of two colors

Question 5

How do you create a recursive Sass function?

Accepted Answer

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

Answer

Use `@recurse` directive

Answer

Use `@loop` inside `@function`

Answer

Recursion is not supported in Sass functions

Question 6

What does `str-length($string)` return in Sass?

Accepted Answer

The number of characters in the string

Answer

The byte size of the string

Answer

The number of words in the string

Answer

The pixel width of the text