Globalūs kintamieji SASS selektoriuose

Jei mes apibrėžiame kintamuosius, esančius selektoriuose, tai juos galėsime naudoti tik nurodytame įdėtumo lygyje. Tačiau, jei mums reikia, kad kintamasis būtų prieinamas globaliai, mes prie jo reikšmės pridedame žymę !global. Panagrinėkime pavyzdį:

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

Pateikto kodo kompiliavimo rezultatas bus toks:

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

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