Standardvariablen in SASS
In einigen Fällen, wenn der Wert
einer Variablen noch nicht definiert ist,
aber im Code verwendet werden muss,
können wir ihr einen Standardwert zuweisen,
nach dem das Flag !default gesetzt wird.
Es ist wichtig zu beachten, dass wenn der Variablen bereits früher ein Wert zugewiesen wurde, dieser bestehen bleibt, aber wenn wir eine neue leere Variable erstellen, wird für sie der Standardwert verwendet.
$name: "John";
$name: "Bob" !default;
$new_name: "Mark" !default;
#main {
name: $name;
new_name: $new_name;
}
Das Ergebnis der Kompilation des angegebenen Codes wird wie folgt sein:
#main {
name: "John";
new_name: "Mark";
}
Wenn wir der Variable den Wert null zuweisen,
wird !default sie als
wertlos betrachten:
$name: null;
$name: "Bob" !default;
#main {
name: $name;
}
Nach der Kompilation werden wir sehen:
#main {
name: "Bob";
}