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