Глабальныя зменныя ўнутры селектараў у 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;
}