SASS | Funciones de introspección

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 
 

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 *