LESS တွင် mixin ကိုတိုက်ရိုက် compile မလုပ်ခြင်း

ကျွန်ုပ်တို့ mixin အဖြစ် အသုံးပြုသည့် class သည် compile ရလဒ်ထဲသို့လည်း ပါဝင်သွားမည်။

သို့သော် ကိုယ်တိုင် အသုံးမပြုဘဲ အခြားနေရာများတွင် အသုံးပြုရန် ကုဒ် အပိုင်းအစတစ်ခုကို အခြေခံအနေနှင့် ဖန်တီးလိုသည့် အခြေအနေများလည်း ရှိပါသည်။

Mixin ၏ compile လုပ်ခြင်းကို ရပ်တန့်ရန် ၎င်း၏ နာမည်နောက်တွင် ကွင်းစကွင်းပိတ်များ ထည့်ရပါမည်။ ဤကဲ့သို့ဖြစ်သည်:

.mix() {
	width: 100px;
	height: 100px;
}

အောက်ပါကုဒ်၏ compile ရလဒ်သည် ဘာဖြစ်မည်ကို ပြောပြပါ:

.mix() {
	color: white;
	background: black;
}

p {
	.mix;
	width: 300px;
}

အောက်ပါကုဒ်၏ compile ရလဒ်သည် ဘာဖြစ်မည်ကို ပြောပြပါ:

.mix1() {
	color: white;
	background: black;
}
.mix2() {
	width: 300px;
	height: 300px;
}

p {
	.mix1;
	.mix2;
}

.tnr ဟုခေါ်သည့် mixin တစ်ခုကို ပြုလုပ်ပါ။ ၎င်းသည် Times New Roman font family ကို သတ်မှတ်ပေးရမည်။

.df ဟုခေါ်သည့် mixin တစ်ခုကို ပြုလုပ်ပါ။ ၎င်းသည် display property ၏တန်ဖိုးကို flex အဖြစ် သတ်မှတ်ပေးရမည်။

.bold ဟုခေါ်သည့် mixin တစ်ခုကို ပြုလုပ်ပါ။ ၎င်းသည် font-weight property ၏တန်ဖိုးကို bold အဖြစ် သတ်မှတ်ပေးရမည်။

.nowrap ဟုခေါ်သည့် mixin တစ်ခုကို ပြုလုပ်ပါ။ ၎င်းသည် white-space property ၏တန်ဖိုးကို nowrap အဖြစ် သတ်မှတ်ပေးရမည်။