Παγκόσμιες Μεταβλητές μέσα σε Επιλογείς στο 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;
}