SASS Mixins and Functions

Question 1

How do you define a mixin in Sass?

Accepted Answer

@mixin name { }

Answer

Mixins are defined using the `@mixin` directive followed by the mixin name and a block of styles.

Question 2

How do you include a mixin in Sass?

Accepted Answer

@include mixin-name;

Answer

The `@include` directive is used to apply a mixin's styles to a selector.

Question 3

How do you pass arguments to a Sass mixin?

Accepted Answer

@include mixin-name($arg1, $arg2);

Answer

Arguments are passed to mixins inside parentheses when calling `@include`.

Question 4

What is the difference between a Sass mixin and a function?

Accepted Answer

Mixins output CSS rules; functions return a single value

Answer

Sass mixins generate CSS declarations, while functions use `@return` to produce a single computed value.

Question 5

How do you define a Sass function?

Accepted Answer

@function name($args) { @return value; }

Answer

Custom functions are defined with `@function`, accept arguments, and must use `@return` to produce a value.

SASS Practice Test