Zmienne domyślne w SASS
W niektórych przypadkach, jeśli wartość
zmiennej nie jest jeszcze zdefiniowana,
ale trzeba jej użyć w kodzie,
możemy jej przypisać wartość domyślną,
po której stawiamy znacznik !default.
Należy zaznaczyć, że jeśli zmiennej wartość została już wcześniej przypisana, to pozostanie niezmieniona, ale jeśli stworzyliśmy nową, pustą zmienną, to zostanie dla niej ustawiona wartość domyślna.
$name: "John";
$name: "Bob" !default;
$new_name: "Mark" !default;
#main {
name: $name;
new_name: $new_name;
}
Wynik kompilacji podanego kodu będzie następujący:
#main {
name: "John";
new_name: "Mark";
}
Jeśli jednak ustawimy zmiennej wartość null,
!default potraktuje ją jako
nie mającą wartości:
$name: null;
$name: "Bob" !default;
#main {
name: $name;
}
Po kompilacji zobaczymy:
#main {
name: "Bob";
}
