Las funciones de introspección de SASS le permiten inspeccionar las condiciones del propio SASS. No puedes usarlos cuando estás haciendo hojas de estilo, pero son cruciales para saber qué está pasando cuando algo no funciona de la manera que quieres.
La siguiente tabla contiene todas las funciones de introspección en SASS:
Función | Descripción | Ejemplo |
---|---|---|
variable-existe ($nombre) | Este método devuelve un valor booleano que representa si la variable dada existe, ya sea global o localmente. | $x: 40 píxeles; existe variable ($x) Salida: verdadero existe variable ($y) Salida: falso |
existe una variable global ($nombre) | Este método devuelve un valor booleano que representa si la variable dada existe globalmente. | $x: 40 píxeles; variable-global-existe ($x); Salida: verdadero |
mixin-exists ($nombre) | Este método devuelve un valor booleano que representa si existe el mixin dado. | @mixin text-color {color: azul; } Salida: verdadero |
inspeccionar ($valor) | Este método devuelve el valor tal como lo proporciona SASS. | inspeccionar (54) Salida: «54» |
tipo de ($valor) | Este método devuelve una string que representa el tipo de datos SASS del valor. | tipo de (5 6 4 7 8 9) Salida: «lista» |
unidad numérica) | Este método devuelve la unidad asociada con el número, o una string nula si el número no tiene unidades. | $x: 40 píxeles; unidad ($x); Salida: “px” $x: 40; unidad ($x); Salida: “” |
sin unidad ($número) | Este método devuelve un valor booleano que representa si el número dado tiene una unidad asociada o no. | $x: 40 píxeles; sin unidad($x); Salida: falso |
comparable($número1, $número2) | Este método devuelve un valor booleano que representa si los números dados se pueden sumar, restar o comparar. | comparable (2em, 7em) Salida: verdadero comparable (2em, 4px) Salida: falso comparable (2em, 7) Salida: verdadero |