Globālie mainīgie selektoros SASS

Ja mēs definējam mainīgos, kas atrodas selektoros, tad mēs varam tos izmantot tikai noteiktajā ligzdošanas līmenī. Tomēr, ja mums ir nepieciešams, lai mainīgais būtu pieejams globāli, tad mēs pievienojam tā vērtībai marķieri !global. Apskatīsim piemēru:

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

Dotā koda kompilācijas rezultāts būs šāds:

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

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