Pembolehubah Global di Dalam Pemilih dalam SASS

Jika kita menentukan pembolehubah yang terletak di dalam pemilih, maka kita hanya boleh menggunakannya dalam lingkungan tahap bersarang yang ditentukan. Walau bagaimanapun, jika kita perlu supaya pembolehubah boleh diakses secara global, maka kita tambahkan penanda !global kepada nilainya. Mari kita lihat contoh:

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

Hasil kompilasi kod yang diberikan adalah seperti berikut:

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

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