SASS Operators and Expressions

Question 1

Which arithmetic operators does Sass support?

Accepted Answer

+, -, *, /, %

Answer

Sass supports addition, subtraction, multiplication, division, and modulo in arithmetic expressions.

Question 2

How do you perform division in modern Sass (Dart Sass)?

Accepted Answer

math.div($a, $b)

Answer

In Dart Sass, `/` is reserved for CSS shorthand, so `math.div()` from `sass:math` is used for division.

Question 3

What does the `%` operator do in Sass?

Accepted Answer

Returns the remainder of a division

Answer

The `%` modulo operator in Sass returns the remainder when dividing two numbers.

Question 4

What is the result of `10px + 5px` in Sass?

Accepted Answer

15px

Answer

Sass can add compatible units together, so `10px + 5px` results in `15px`.

Question 5

What happens when you add values with incompatible units in Sass, e.g., `10px + 5em`?

Accepted Answer

A compilation error is thrown

Answer

Sass throws a compilation error when you attempt arithmetic on values with incompatible units.

SASS Practice Test