LESS တွင် လုပ်ဆောင်ချက်များ

ဤသင်ခန်းစာတွင် လုပ်ဆောင်ချက်များကို မည်သို့အသုံးပြုရမည်ကို ကြည့်ရှုပါမည်။ လုပ်ဆောင်ချက်များသည် mixin များနှင့် အတော်လေးဆင်တူသော်လည်း ၎င်းတို့သည် ပြောင်းလဲနိုင်သော တန်ဖိုးများရှိသည့် အချက်အလက်များ (parameters) ထည့်သွင်းခွင့်ပြုသည်။

ထိုအချက်အလက်များကို လုပ်ဆောင်ချက်၏ အဝိုင်းကွင်းများအတွင်းသို့ လွှဲပြောင်းပေးသည်။ ဥပမာတစ်ခုဖြင့် ကြည့်ကြပါစို့။

fs လုပ်ဆောင်ချက်တစ်ခုကို ပြုလုပ်ကြပါစို့။ ထိုလုပ်ဆောင်ချက်သည် စာလုံးအရွယ်အစားကို သတ်မှတ်ပေးပါမည်။ အရွယ်အစားကို အချက်အလက်တစ်ခုအနေဖြင့် လွှဲပြောင်းပေးပါစို့။ အချက်အလက်အဖြစ် လုပ်ဆောင်ချက် ကြေညာသည့်အခါတွင် ကျွန်ုပ်တို့ စိတ်ကူးထားသော အမည်ရှိ ကိန်းရှင်တစ်ခုက အခန်းကဏ္ဍမှ ပါဝင်ပါမည်။

styles.less.fs(@size) {
  // ဤနေရာတွင် လုပ်ဆောင်ချက်၏ကုဒ်ရှိပါမည်
}

လုပ်ဆောင်ချက်အတွင်း၌ ကျွန်ုပ်တို့၏ အချက်အလက်၏တန်ဖိုးကို ဘယ်နေရာတွင် ထည့်သွင်းရမည်ကို သတ်မှတ်ပေးကြပါစို့။

styles.less.fs(@size) {
  font-size: @size;
}

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

styles.lessp {
  .fs(20px);
}

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

styles.cssp {
  font-size: 20px;
}