LESS ရှိ calc function

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

.calc(@name, @calc) {
	@{name}: calc(@calc);
}

ကျွန်ုပ်တို့၏ function ကို အသုံးပြုကြပါစို့။

p {
	.calc(width, ~'10px + 30%');
}

ကြိုတင်ပြင်ဆင်ခြင်း၏ ရလဒ်။

p {
	width: calc(10px + 30%);
}

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

p {
	.calc(width, ~'10px + 30%');
	.calc(height, ~'10px + 30%');
}