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:

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

Yukarıdaki kodun derlenmiş sonucu aşağıdaki gibi olacaktır:

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

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