SASS (scss dosyaları) ile !default anahtar kelimesi kullanımı

16 Şubat 2016

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; }</pre>

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;
}


İlgili diğer makaleler

blog comments powered by Disqus

Emre Ozcan hakkında

Sistem Yöneticisi, Bilişim Teknoloji Takipçisi

#microsoft #VoIP

Kategoriler

İstatistik

Makale Adedi: 290

Creative Commons Lisansı