Výchozí proměnné v SASS
V některých případech, pokud hodnota
proměnné ještě není definována,
ale je potřeba ji použít v kódu,
můžeme jí nastavit výchozí hodnotu,
za kterou přidáme značku !default.
Je důležité poznamenat, že pokud proměnné již byla dříve přiřazena hodnota, zůstane původní, ale pokud jsme vytvořili novou prázdnou proměnnou, bude pro ni nastavena výchozí hodnota.
$name: "John";
$name: "Bob" !default;
$new_name: "Mark" !default;
#main {
name: $name;
new_name: $new_name;
}
Výsledek kompilace uvedeného kódu bude následující:
#main {
name: "John";
new_name: "Mark";
}
Pokud jsme nastavili hodnotu proměnné na null,
!default ji bude považovat za
nemající hodnotu:
$name: null;
$name: "Bob" !default;
#main {
name: $name;
}
Po kompilaci uvidíme:
#main {
name: "Bob";
}
