## Sass Numeric Operators

We can perform mathematical calculations on numbers. Sass supports all basic arithmetics like addition (`+`

), subtraction (`-`

), multiplication (`*`

), and division (`/`

).

For addition and subtraction, it is important to have values with the same units (e.g., `%`

, `px`

).

For multiplication and division, it is crucial to have one unitless value. Sass can't calculate the division of pixels or percentages.

### Mathematical operations with variables

We can easily involve variables in the calculations if the variable has a valid value.

Let's imagine that we need to add a double margin to the item:

Everything was clear?

Course Content

# Advanced CSS Techniques

1. Introduction

6. Adaptive/responsive websites and apps

Advanced CSS Techniques

## Sass Numeric Operators

We can perform mathematical calculations on numbers. Sass supports all basic arithmetics like addition (`+`

), subtraction (`-`

), multiplication (`*`

), and division (`/`

).

For addition and subtraction, it is important to have values with the same units (e.g., `%`

, `px`

).

For multiplication and division, it is crucial to have one unitless value. Sass can't calculate the division of pixels or percentages.

### Mathematical operations with variables

We can easily involve variables in the calculations if the variable has a valid value.

Let's imagine that we need to add a double margin to the item:

Everything was clear?