LESS မှာ ကော်မာဖြင့် ပေါင်းစည်းခြင်း

ကျွန်ုပ်တို့တွင် box shadow တစ်ခုကို ဖန်တီးပေးသော function တစ်ခုရှိသည်ဆိုပါစို့။

.shadow(@s) {
	box-shadow: @s;
}

ကျွန်ုပ်တို့၏ function ကို နှစ်ကြိမ်ခေါ်၍ box တစ်ခုထံ shadow နှစ်မျိုးထည့်လိုသည်ဆိုပါစို့။

p {
	.shadow(1px 1px red); 
	.shadow(2px 2px blue);
}

သို့သော် ကျွန်ုပ်တို့ အောင်မြင်မည်မဟုတ်ပါ။ အဘယ်ကြောင့်ဆိုသော် shadow နှစ်ခုကို ခေါ်ယူခြင်းသည် box-shadow ဂုဏ်သတ္တိ နှစ်ခုကို ထည့်ပေးမည်ဖြစ်သောကြောင့်ဖြစ်သည်။

p {
	box-shadow: 1px 1px red;
	box-shadow: 2px 2px blue;
}

ကျွန်ုပ်တို့ လိုချင်သည်မှာ shadow များကို box-shadow ဂုဏ်သတ္တိ တစ်ခုတည်းအတွင်း ကော်မာဖြင့် ပေါင်းထည့်ခြင်း ဖြစ်ပါသည်။ ဥပမာ ဤကဲ့သို့ပင်ဖြစ်သည်။

p {
	box-shadow: 1px 1px red, 2px 2px blue;
}

ကျွန်ုပ်တို့၏ function သည် ဖော်ပြပါအတိုင်း အလုပ်လုပ်နိုင်ရန် အတွက် ဂုဏ်သတ္တိ၏ တန်ဖိုးကို အထူးအော်ပရေတာ +: ၏ နောက်တွင် ရေးရပါမည်။ ဤကဲ့သို့ဖြစ်ပါသည်။

.shadow(@s) {
	box-shadow+: @s;
}

text-shadow ဂုဏ်သတ္တိအတွက် အလားတူ function တစ်ခု ပြုလုပ်ပါ။

background ဂုဏ်သတ္တိအတွက် အလားတူ function တစ်ခု ပြုလုပ်ပါ။