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