Globalne spremenljivke znotraj selektorjev v SASS
Če nastavimo spremenljivke, ki se nahajajo
znotraj selektorjev, jih lahko uporabimo
samo znotraj določene stopnje
gnezdjenja. Vendar, če potrebujemo,
da je spremenljivka dostopna
globalno, potem k njeni vrednosti
dodamo oznako !global.
Poglejmo primer:
div {
$height: 20px !global;
height: $height;
}
#navbar {
height: $height;
}
Rezultat kompilacije navedene kode bo naslednji:
div {
height: 20px;
}
#navbar {
height: 20px;
}
Povejte, kakšen bo rezultat kompilacije naslednje kode:
#main {
$font-family: Arial !global;
font-family: $font-family;
}
#navbar {
font-family: $font-family;
}
