Глобални променливи во селекторите во SASS

Ако дефинираме променливи кои се наоѓаат внатре во селектори, тогаш да ги користиме ќе можеме само во рамките на даденото ниво на вгнезденост. Сепак, ако ни треба променливата да биде достапна глобално, тогаш кон нејзината вредност додаваме ознака !global. Да разгледаме пример:

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

Резултатот на компајлирање на дадениот код ќе биде следниот:

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

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