SASS да ички селекторларда глобал ўзгарувчилар
Агар биз селекторлар ичида
ўзгарувчиларни белгиласак, улардан
фойдаланишни фақат белгиланган
киритиш даражаси дўхиридагина
амалга оширишимиз мумкин. Бирок,
агар ўзгарувчи глобал дастрас бўлиши
керек бўлса, биз унинг қийматига
!global белгисини қўшамиз.
Мисолни кўриб чиқайлик:
div {
$height: 20px !global;
height: $height;
}
#navbar {
height: $height;
}
Келтирилган кодни компиляция қилиш натижаси куйидагича бўлади:
div {
height: 20px;
}
#navbar {
height: 20px;
}
Куйидаги кодни компиляция қилиш натижаси қандай бўлишини айтинг:
#main {
$font-family: Arial !global;
font-family: $font-family;
}
#navbar {
font-family: $font-family;
}