Variabel Default di SASS
Dalam beberapa kasus, jika nilai
variabel belum ditentukan,
tapi perlu digunakan dalam kode,
kita dapat menetapkan nilai default untuknya,
setelahnya kita beri tanda !default.
Perlu dicatat bahwa jika variabel sudah diberi nilai sebelumnya, maka nilainya akan tetap sama, tetapi jika kita membuat variabel baru yang kosong, maka nilai default akan ditetapkan untuknya.
$name: "John";
$name: "Bob" !default;
$new_name: "Mark" !default;
#main {
name: $name;
new_name: $new_name;
}
Hasil kompilasi dari kode yang diberikan akan sebagai berikut:
#main {
name: "John";
new_name: "Mark";
}
Jika kita menetapkan nilai null ke variabel,
!default akan menganggapnya sebagai
tidak memiliki nilai:
$name: null;
$name: "Bob" !default;
#main {
name: $name;
}
Setelah kompilasi, kita akan melihat:
#main {
name: "Bob";
}
