SASS Mixins and Functions

Question 1

How do you define a mixin in Sass?

Accepted Answer

@mixin name { }

Answer

@define name { }

Answer

@include name { }

Answer

@create name { }

Question 2

How do you include a mixin in Sass?

Accepted Answer

@include mixin-name;

Answer

@use mixin-name;

Answer

@apply mixin-name;

Answer

@call mixin-name;

Question 3

How do you pass arguments to a Sass mixin?

Accepted Answer

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

Answer

@include mixin-name[arg1, arg2];

Answer

@include mixin-name{arg1, arg2};

Answer

@include mixin-name arg1 arg2;

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

Functions output CSS rules; mixins return values

Answer

They are identical

Answer

Mixins can only take one argument

Question 5

How do you define a Sass function?

Accepted Answer

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

Answer

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

Answer

@define function name($args) { }

Answer

@func name($args) { }

Question 6

Which Sass feature allows a mixin to accept a variable number of arguments?

Accepted Answer

Variadic arguments using `$args...`

Answer

Default arguments

Answer

Keyword arguments

Answer

Named lists