Variables por defecto en SASS
En algunos casos, si el valor de una variable
aún no está definido,
pero es necesario usarlo en el código,
podemos asignarle un valor por defecto,
después del cual colocamos la etiqueta !default.
Es importante señalar que si a la variable ya se le había asignado un valor anteriormente, este permanecerá igual, pero si creamos una nueva variable vacía, se le asignará el valor por defecto.
$name: "John";
$name: "Bob" !default;
$new_name: "Mark" !default;
#main {
name: $name;
new_name: $new_name;
}
El resultado de la compilación del código anterior será el siguiente:
#main {
name: "John";
new_name: "Mark";
}
Si asignamos a la variable el valor null,
!default la considerará como
si no tuviera valor:
$name: null;
$name: "Bob" !default;
#main {
name: $name;
}
Después de la compilación veremos:
#main {
name: "Bob";
}
