Глобалне променљиве унутар селектора у 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;
}