LESS တွင် class များ တိုးချဲ့ခြင်း

မစ်စင် (mixin) တွေရဲ့ အားနည်းချက်က ကုဒ်ထပ်နေတာပါ။ ဥပမာတစ်ခုနဲ့ ကြည့်ရအောင်၊ ဘာကို ဆိုလိုတာလဲ။

ကျွန်ုပ်တို့မှာ အောက်ပါကုဒ် ရှိတယ်ဆိုပါစို့။

.mix {
	width: 100px;
	height: 100px;
}
p {
	.mix; 
	color: red;
}

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

.mix {
	width: 100px;
	height: 100px;
}
p {
	width: 100px;
	height: 100px;
	color: red;
}

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

.mix, p {
	width: 100px;
	height: 100px;
}
p {
	color: red;
}

ဒါကို &:extend command ကို အသုံးပြုပြီး ရနိုင်ပါတယ်။ ဒီ command က ကုဒ်ထဲကို တိုက်ရိုက် မစ်စင် (mixin) ထည့်မပေးပဲ ပေးထားတဲ့ class ကို တိုးချဲ့ပေးပါတယ်။ ကျွန်ုပ်တို့ရဲ့ ကုဒ်ကို ပြင်ဆင်ကြည့်ရအောင်။

.mix {
	width: 100px;
	height: 100px;
}
p {
	&:extend(.mix); 
	color: red;
}