SASS da selektorlar ichidagi global o'zgaruvchilar
Agar biz selektorlar ichida
o'zgaruvchilarni belgilasak, ularni
faqat belgilangan ichki darajalar
doirasida ishlata olamiz.
Biroq, agar o'zgaruvchi global
darajada mavjud bo'lishi kerak bo'lsa,
uning qiymatiga !global
belgisini qo'shamiz.
Keling, bir misolni ko'rib chiqaylik:
div {
$height: 20px !global;
height: $height;
}
#navbar {
height: $height;
}
Keltirilgan kodni kompilyatsiya qilish natijasi quyidagicha bo'ladi:
div {
height: 20px;
}
#navbar {
height: 20px;
}
Quyidagi kodni kompilyatsiya qilish natijasi qanday bo'lishini ayting:
#main {
$font-family: Arial !global;
font-family: $font-family;
}
#navbar {
font-family: $font-family;
}
