SASS-də selektorların daxilində qlobal dəyişənlər
Əgər biz selektorların daxilində olan dəyişənləri
təyin etsək, onları yalnız təyin olunmuş yuva
səviyyəsi daxilində istifadə edə biləcəyik.
Lakin, əgər bizə dəyişənin qlobal olaraq əlçatan
olması lazımdırsa, onda onun dəyərinə
!global açar sözünü əlavə edirik.
Bir nümunəyə baxaq:
div {
$height: 20px !global;
height: $height;
}
#navbar {
height: $height;
}
Göstərilən kodun kompilyasiya nəticəsi aşağıdakı kimi olacaq:
div {
height: 20px;
}
#navbar {
height: 20px;
}
Aşağıdakı kodun kompilyasiya nəticəsi necə olacağını izah edin:
#main {
$font-family: Arial !global;
font-family: $font-family;
}
#navbar {
font-family: $font-family;
}
