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:

styles.scssdiv {
  $height: 20px !global;
  height: $height;
}
#navbar {
  height: $height;
}

Göstərilən kodun kompilyasiya nəticəsi aşağıdakı kimi olacaq:

styles.cssdiv {
  height: 20px; 
}
#navbar {
  height: 20px; 
}

styles.scss#main {
  $font-family: Arial !global;
  font-family: $font-family;
}
#navbar {
  font-family: $font-family;
}