SASS တွင် ကိန်ရှင်တစ်ခုကို အကြိမ်များစွာ အသုံးပြုခြင်း

ကိန်ရှင်တစ်ခုကို အကြိမ်များစွာ အသုံးပြုနိုင်ပါသည်။

$var: 20px;

p {
	font-size: $var;
}
div {
	font-size: $var;
}

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

p {
	font-size: 20px;
}
div {
	font-size: 20px;
}

အောက်ပါ ကုဒ်၏ ကွန်ပီလာ လုပ်ပြီး ရလဒ်က ဘာဖြစ်မည်ကို ရှင်းပြပါ။

$var: 100px;

#block {
	width: $var;
	height: $var;
}

အောက်ပါ ကုဒ်၏ ကွန်ပီလာ လုပ်ပြီး ရလဒ်က ဘာဖြစ်မည်ကို ရှင်းပြပါ။

$color: #000;

p {
	color: $color;
}
div {
	background-color: $color;
}
section {
	border: 1px solid $color;
}