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.