Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Sass Numeric Operators | Preprocessors
Advanced CSS Techniques
course content

Contenido del Curso

Advanced CSS Techniques

Advanced CSS Techniques

1. Introduction
2. Item Positioning
3. Transitions
4. Animations
5. Transformations
6. Adaptive/responsive websites and apps
7. Preprocessors

bookSass 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:

Select the correct statement.

Select the correct statement.

Selecciona la respuesta correcta

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 7. Capítulo 4
some-alt