Globaalit muuttujat SASS-selektoreiden sisällä
Jos määritämme selektoreiden sisällä
olevat muuttujat, voimme käyttää niitä
vain määritetyn sisäkkäisyystason
rajoissa. Kuitenkin, jos tarvitsemme,
että muuttuja on globaalisti saatavilla,
lisäämme sen arvon perään
merkinnän !global.
Tarkastellaan esimerkkiä:
div {
$height: 20px !global;
height: $height;
}
#navbar {
height: $height;
}
Esitetyn koodin kääntämisen tulos on seuraava:
div {
height: 20px;
}
#navbar {
height: 20px;
}
Kerro, mikä on seuraavan koodin kääntämisen tulos:
#main {
$font-family: Arial !global;
font-family: $font-family;
}
#navbar {
font-family: $font-family;
}
