SASS | Operadores relacionales

Los operadores relacionales son aquellos que comparan los valores de dos números. Indican si un número es menor, mayor o igual que el otro número. Convierten automáticamente los números en unidades compatibles.

  • <expresión> < <expresión> devuelve si el valor de la primera expresión es menor que el de la segunda.
  • <expresión> <= <expresión> devuelve si el valor de la primera expresión es menor o igual que el de la segunda.
  • <expresión> > <expresión> devuelve si el valor de la primera expresión es mayor que el de la segunda.
  • <expresión> >= <expresión>, devuelve si el valor de la primera expresión es mayor o igual que el de la segunda.

Ejemplo:

@debug 100 > 50 

Producción:

true
@debug 10px > 17px 

Producción:

false
@debug 96px >= 1in  

Producción:

true
@debug 1001ms <= 1s 

Producción:

false

Los números sin unidades se pueden comparar con cualquier número. Estos números sin unidad se convierten automáticamente a la unidad del otro número.

Ejemplo:

@debug 100 > 50px 

Producción:

true
@debug 10px > 17  

Producción:

false

Solo los números con unidades incompatibles no se pueden comparar entre sí.

Ejemplo:

@debug 100px > 10s

Producción:

Error: Incompatible units px and s.

Publicación traducida automáticamente

Artículo escrito por Slash_IT y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *