SASS Dokümantasyonunda Variable Defaults: !default alanında yazana göre;
You can assign to variables if they aren’t already assigned by adding the !default flag to the end of the value. This means that if the variable has already been assigned to, it won’t be re-assigned, but if it doesn’t have a value yet, it will be given one
yani
!default anahtar kelimesi ile biten bir değişken tanımı varsa ve o ana kadar o değişken daha önce tanımlanmadıysa tanımlanır ve değer ataması yapılır, daha önce tanımlandıysa görmezden gelinir
Hemen bir örnek ile inceleyelim;
$ornek: 'ilk içerik'; $ornek: 'ikinci içerik' !default; #main { content: $ornek; }
Yukarıdaki SASS (scss dosyası) çıktısı aşağıdaki gibi olacaktır;
#main { content: 'ilk içerik'; }
Aynı şekilde
$renk: red; $renk: blue !default; #main { background-color: $renk; }
SASS (scss dosyası) çıktısı aşağıdaki gibi olacaktır;
#main { background-color: red; }
Senior Software Engineer, @Microsoft
Ada ve Ege'nin babası ;)
Makale Adedi: 484