SASS | Operadores – Part 3

SASS proporciona y admite una variedad de operadores útiles para trabajar con diferentes valores. Estos operadores consisten en los operadores matemáticos estándar como +, -, / y *  y, aparte de ellos, los operadores de varios otros tipos que se enumeran a continuación:

• +, -, *, / y % tienen su significado habitual de matemáticas para los números con un comportamiento especial para algunas unidades que coincide con el comportamiento de usar unidades en las matemáticas científicas.
• Los operadores == y != se utilizan para comprobar si dos valores son iguales o no.
• <, <=, > y >=  son los operadores que se utilizan para comparar los dos valores para resultados mayores que y menores que.
• AND, OR y NOT siguen el comportamiento booleano habitual. En SASS, todos los valores se consideran «VERDADEROS», excepto falso y NULL.
• +, – y / también se pueden usar para concatenar dos o más strings.

Orden de operaciones:

SASS sigue el orden más estándar de operadores que va del más estricto al más flexible.

1. Los operadores unarios: NOT, +, – y /.
2. Los operadores /, * y %.
3. Los operadores + y –.
4. Los operadores <, <=, > y >=.
5. Los operadores == y !=.
6. El operador AND.
7. El operador OR.
8. El operador = cuando está disponible.

EJEMPLO:

CÓDIGO SASS:

• @debug 2 + 4 * 6 == 2 + (4 * 6)

  Producción:

  true

• @debug true or false and false == true or (false and false)

  Producción:

  true

Paréntesis:

Además del orden común de los operadores, su orden se puede cambiar explícitamente usando paréntesis . Una operación escrita dentro de los paréntesis siempre se ejecuta antes que los operadores escritos fuera de ella. Los paréntesis también se pueden anidar. En el caso de paréntesis anidados, los paréntesis más internos se ejecutan primero.

Ejemplo:

• @debug (2 + 3) * 4

  Producción:

  20

• @debug ((2 + 3) - 1) * 5

  Producción:

  20