LESS တွင် ကော်မာပါသော ပါရာမီတာများ
ကျွန်ုပ်တို့တွင် ဘလောက်အရိပ်တစ်ခုဖန်တီးပေးသည့် ဖန်ရှင်တစ်ခု ရှိသည်ဆိုပါစို့။
.shadow(@s) {
box-shadow: @s;
}
မြင်တွေ့ရသည့်အတိုင်း ကျွန်ုပ်တို့၏ ဖန်ရှင်တွင် ပါရာမီတာတစ်ခုသာရှိပါသည်။ ဆိုလိုသည်မှာ ကျွန်ုပ်တို့သည် ဤပါရာမီတာအတွင်းသို့ အာက်ပါအတိုင်း လေဟာနေရာဖြင့် အရိပ်၏တန်ဖိုးအားလုံးကို ပို့ဆောင်မည်ဖြစ်သည်။
div {
.shadow(1px 1px red);
}
သို့သော် CSS တွင် အရိပ်များစွာကို ကော်မာဖြင့်ရေးသားခြင်းဖြင့် သတ်မှတ်ပေးနိုင်ပါသည်။ ကျွန်ုပ်တို့၏ကိစ္စတွင် ကော်မာသည် ဖန်ရှင်၏ပါရာမီတာများအကြား ခွဲခြားသတ်မှတ်သည့် အရာအဖြစ် အမြင်ခံရမည်ဖြစ်သောကြောင့် ဤသို့ပြုလုပ်ရန် မဖြစ်နိုင်ပါ။
div {
.shadow(1px 1px red, 1px 1px blue); // အမှားပြမည်
}
သို့သော် ဖြေရှင်းနည်းရှိပါသည်။ LESS ကို ကော်မာပါသည့် ကျွန်ုပ်တို့၏စာကြောင်းကို ပါရာမီတာတစ်ခုအဖြစ် အသိအမှတ်ပြုစေနိုင်ပါသည်။ ယင်းအတွက် ကျွန်ုပ်တို့၏တန်ဖိုးများ စာရင်းကို အမှတ်အသားပွင့် (semicolon) ဖြင့် အဆုံးသတ်ရန် လိုအပ်ပါသည်။
div {
.shadow(1px 1px red, 1px 1px blue;);
}
နောက်ခံထည့်ပေးသည့် ဖန်ရှင်တစ်ခုလုပ်ပါ။ ထိုဖန်ရှင်ကို အသုံးပြု၍ ဘလောက်တစ်ခုအတွက် နောက်ခံအများအပြား ထည့်ပါ။
