SASS'te Seçiciler İçindeki Global Değişkenler
Eğer seçicilerin içinde değişkenler tanımlarsak,
bunları yalnızca belirlenmiş iç içe geçme seviyesi
içinde kullanabileceğiz. Ancak, eğer bir değişkenin
global olarak erişilebilir olmasını istiyorsak,
değerinin sonuna !global etiketini ekleriz.
Bir örnek inceleyelim:
div {
$height: 20px !global;
height: $height;
}
#navbar {
height: $height;
}
Yukarıdaki kodun derlenmiş sonucu aşağıdaki gibi olacaktır:
div {
height: 20px;
}
#navbar {
height: 20px;
}
Aşağıdaki kodun derleme sonucunun ne olacağını açıklayın:
#main {
$font-family: Arial !global;
font-family: $font-family;
}
#navbar {
font-family: $font-family;
}
