Globalūs kintamieji SASS selektoriuose
Jei mes apibrėžiame kintamuosius, esančius
selektoriuose, tai juos galėsime naudoti
tik nurodytame įdėtumo lygyje.
Tačiau, jei mums reikia,
kad kintamasis būtų prieinamas
globaliai, mes prie jo reikšmės
pridedame žymę !global.
Panagrinėkime pavyzdį:
div {
$height: 20px !global;
height: $height;
}
#navbar {
height: $height;
}
Pateikto kodo kompiliavimo rezultatas bus toks:
div {
height: 20px;
}
#navbar {
height: 20px;
}
Pasakykite, koks bus šio kodo kompiliavimo rezultatas:
#main {
$font-family: Arial !global;
font-family: $font-family;
}
#navbar {
font-family: $font-family;
}
