SASS | Operadores de igualdad

Compatibilidad: Dart Sass es totalmente compatible con el uso de operadores de igualdad, mientras que LibSass y versiones anteriores de Ruby Sass (anteriores a la versión 4.0.0) consideran los números como iguales incluso si tienen unidades diferentes o si uno tiene una unidad y otro no. Este comportamiento no fue útil y, por lo tanto, las versiones más nuevas lo eliminaron porque viola la transitividad. El operador de igualdad dice si los dos valores son iguales o no. Sintaxis: <expresión> == <expresión> El resultado devuelto muestra si las dos expresiones son iguales y <expresión> != <expresión> El resultado devuelto muestra si las dos expresiones no son iguales. Se dice que dos expresiones son iguales si tienen los mismos valores y los mismos tipos,

• Dos números son iguales si tienen el mismo valor y las mismas unidades o después de convertirlos en las mismas unidades sus valores son iguales.

Ejemplo: 

@debug 2px == 2px

Producción: 

true

@debug 1px == 1em

Producción: 

false

@debug 96px == 1in

Producción: 

true

• Dos strings se consideran iguales si su contenido es el mismo, ya sea que estén entre comillas o sin comillas.

Ejemplo: 

@debug geeksforgeeks == "geeksforgeeks"

Producción: 

true

@debug geeksforgeeks == GFG

Producción: 

false

• Dos colores se consideran iguales si tienen los mismos valores de rojo, verde, azul y alfa.

Ejemplo: 

@debug hsl(120, 72%, 80%) == #1ba61b

Producción: 

true

@debug rgba(120. 236, 135, 0.1) == rgba(120, 236, 135, 0.5)

Producción: 

false

• Dos listas son iguales si tienen el mismo contenido. Tenga en cuenta que las listas separadas por espacios no son iguales a las listas separadas por comas y las listas entre corchetes no son iguales a las listas sin corchetes.

Ejemplo: 

@debug (2, 4, 6) == (2, 4, 6)

Producción: 

true

@debug (2 4 6) == (2, 4, 6)

Producción: 

false

@debug (2 4 6) == [2 4 6]

Producción: 

false

• Dos mapas son iguales si tanto sus claves como sus valores son iguales.

Ejemplo: 

$gradient: ("green" : abc, "cyan" : def)

Producción: 

true

@debug $gradient == ("green" : abc, "blue" : ghi)

Producción: 

true

• true, false y NULL solo son iguales a ellos mismos.

Ejemplo: 

@debug true == true

Producción: 

true

@debug false == null

Producción: 

false

• Una función sólo es igual a sí misma. Las funciones se comparan por referencia , por lo que incluso si dos funciones tienen el mismo nombre y definición, se consideran diferentes si no están definidas en el mismo lugar.

Ejemplo: 

@debug solve(24) == solve(24)

Producción: 

true

@debug solve(24) == solve("geeksforgeeks")

Producción: 

false