Standaard variabelen in SASS
In sommige gevallen, als de waarde van een variabele
nog niet is gedefinieerd,
maar deze moet worden gebruikt in de code,
kunnen we er een standaardwaarde aan toekennen,
waarna we het label !default plaatsen.
Het is belangrijk op te merken dat als aan de variabele al eerder een waarde was toegewezen, deze ongewijzigd blijft, maar als we een nieuwe lege variabele hebben gemaakt, dan wordt daarvoor de standaardwaarde gebruikt.
$name: "John";
$name: "Bob" !default;
$new_name: "Mark" !default;
#main {
name: $name;
new_name: $new_name;
}
Het resultaat van de compilatie van de gegeven code zal als volgt zijn:
#main {
name: "John";
new_name: "Mark";
}
Als we de variabele de waarde null geven,
zal !default deze beschouwen als
zonder waarde:
$name: null;
$name: "Bob" !default;
#main {
name: $name;
}
Na compilatie zien we:
#main {
name: "Bob";
}
