SASS အတွင်းရှိ selector များအတွင်း၌ global variables များအသုံးပြုခြင်း

ကျွန်ုပ်တို့က selector များအတွင်း၌ variable များကို သတ်မှတ်ပါက၊ ၎င်းတို့ကို သတ်မှတ်ထားသော အဆင့်ထပ်တွင်သာ အသုံးပြုနိုင်မည်ဖြစ်သည်။ သို့သော် variable တစ်ခုကို နေရာအနှံ့အပြား (globally) ရယူအသုံးပြုနိုင်ရန် လိုအပ်ပါက ၎င်း၏တန်ဖိုး၏နောက်တွင် !global ဟူသော tag ကို ထည့်သွင်းရေးသားပေးရပါမည်။ ဥပမာတစ်ခုကို ကြည့်ရှုကြပါစို့။

div {
	$height: 20px !global;
	height: $height;
}
#navbar {
	height: $height;
}

အထက်ပါကုဒ်ကို compile လုပ်ပြီးနောက်ရမည့် ရလဒ်မှာ အောက်ပါအတိုင်းဖြစ်ပါသည်။

div {
	height: 20px; 
}
#navbar {
	height: 20px; 
}

အောက်ပါကုဒ်၏ compile လုပ်ပြီးရလဒ်မှာ မည်သို့ဖြစ်မည်ကို ရှင်းပြပါ။

#main {
	$font-family: Arial !global;
	font-family: $font-family;
}
#navbar {
	font-family: $font-family;
}