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;
}