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

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

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

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

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

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

styles.cssp {
  box-shadow: 1px 1px red;
  box-shadow: 2px 2px blue;
}

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

styles.cssp {
  box-shadow: 1px 1px red, 2px 2px blue;
}

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

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