Globaalsed muutujad selektorite sees SASS-is

Kui me määrame muutujad, mis asuvad selektorite sees, saame neid kasutada ainult määratud pesastustaseme piires. Kuid kui me vajame, et muutuja oleks kättesaadav globaalselt, siis lisame selle väärtusele märgi !global. Vaatleme näidet:

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

Toodud koodi kompileerimise tulemus on järgmine:

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

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