Глобалне променљиве унутар селектора у 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;
}