Standardvariabler i SASS
I noen tilfeller, hvis verdien av
en variabel ennå ikke er definert,
men den trengs i koden,
kan vi tilordne en standardverdi,
etterfulgt av merkelappen !default.
Det er viktig å merke seg at hvis variabelen allerede har en tilordnet verdi fra før, så vil den forbli uendret, men hvis vi har opprettet en ny tom variabel, så vil standardverdien bli satt for den.
$name: "John";
$name: "Bob" !default;
$new_name: "Mark" !default;
#main {
name: $name;
new_name: $new_name;
}
Resultatet av kompilering av koden ovenfor vil være som følger:
#main {
name: "John";
new_name: "Mark";
}
Hvis vi derimot setter variabelens verdi til null,
vil !default behandle den som
en uten verdi:
$name: null;
$name: "Bob" !default;
#main {
name: $name;
}
Etter kompilering vil vi se:
#main {
name: "Bob";
}
