Standardvariabler i SASS
I vissa fall, om värdet på en variabel
ännu inte är definierat,
men den behöver användas i koden,
kan vi tilldela den ett standardvärde,
efter vilket vi sätter etiketten !default.
Det är viktigt att notera att om variabeln redan hade tilldelats ett värde tidigare, kommer det att förbli oförändrat, men om vi har skapat en ny tom variabel, kommer standardvärdet att anges för den.
$name: "John";
$name: "Bob" !default;
$new_name: "Mark" !default;
#main {
name: $name;
new_name: $new_name;
}
Resultatet av kompilering av den angivna koden kommer att vara följande:
#main {
name: "John";
new_name: "Mark";
}
Om vi däremot sätter variabelns värde till null,
kommer !default att betrakta den som
att den inte har något värde:
$name: null;
$name: "Bob" !default;
#main {
name: $name;
}
Efter kompilering kommer vi att se:
#main {
name: "Bob";
}
