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