გლობალური ცვლადები სელექტორების შიგნით 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;
}