Գլոբալ փոփոխականներ ընտրիչների ներսում 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;
}