LESS တွင် ကိန်းရှင်များ

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

ကိန်းရှင်တစ်ခုဖန်တီးရန် ၎င်း၏အမည်ကို တီထွင်ပြီး ၎င်းရှေ့တွင် သင်္ကေတ @ ထည့်ပါ။ ထို့နောက် ကိန်းရှင်အမည်ပြီးနောက် ကိုလုံးထိုးထားပြီး ထိုကိန်းရှင်၏တန်ဖိုးကို သတ်မှတ်ပါ။ ဥပမာအနေဖြင့် var ဟူသောအမည်ရှိ ကိန်းရှင်တစ်ခုပြုလုပ်ကြပါစို့:

@var: 20px;

ယခု ဤကိန်းရှင်ကို property တစ်ခု၏တန်ဖိုးအဖြစ် အသုံးပြုကြပါစို့:

p {
	font-size: @var;
}

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

p {
	font-size: 20px;
}

အောက်ပါကုဒ်၏ ကွန်ပိုင်လာပြုလုပ်ခြင်း ရလဒ်သည် မည်သို့ဖြစ်မည်ကို ရှင်းပြပါ:

@color: #000;

p {
	color: @color;
}