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:
div {
$height: 20px !global;
height: $height;
}
#navbar {
height: $height;
}
Dotā koda kompilācijas rezultāts būs šāds:
div {
height: 20px;
}
#navbar {
height: 20px;
}
Pastāstiet, kāds būs šāda koda kompilācijas rezultāts:
#main {
$font-family: Arial !global;
font-family: $font-family;
}
#navbar {
font-family: $font-family;
}
