Variabili predefinite in SASS
In alcuni casi, se il valore di una variabile
non è ancora definito,
ma deve essere utilizzato nel codice,
possiamo assegnarle un valore predefinito,
dopo il quale mettiamo l'etichetta !default.
È importante notare che se alla variabile era già stato assegnato un valore in precedenza, questo rimarrà invariato, ma se abbiamo creato una nuova variabile vuota, le verrà assegnato il valore predefinito.
$name: "John";
$name: "Bob" !default;
$new_name: "Mark" !default;
#main {
name: $name;
new_name: $new_name;
}
Il risultato della compilazione del codice fornito sarà il seguente:
#main {
name: "John";
new_name: "Mark";
}
Se invece assegniamo alla variabile il valore null,
!default la considererà come
priva di valore:
$name: null;
$name: "Bob" !default;
#main {
name: $name;
}
Dopo la compilazione vedremo:
#main {
name: "Bob";
}
