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;
}