LESSda matematik amallarni bekor qilish

Ba'zan hollarda, bizda LESS tomonidan hisoblash buyrug'i sifatida qabul qilinmasligi kerak bo'lgan matematik amallar bo'ladi. Masalan, bunday muammo CSS funktsiyasi calcda yuzaga keladi:

div {
	width: calc(100% - 10px);
}

Xursandchilik bilan, LESS bunday joylarni to'g'ri qayta ishlashni biladi va kompilyatsiya paytida hisob-kitobni amalga oshirmaydi.

Biroq, hisoblash talab qilmaydigan ifoda boshqa joyda, masalan, o'zgaruvchida joylashgan hollar ham bo'ladi, mana bunday:

@exp: 100% - 10px;
div {
	width: calc(@exp);
}

Bunday holda, o'zgaruvchiga hisoblash natijasi yoziladi va calcga hisoblangan qiymatli o'zgaruvchi yuboriladi. Buning oldini olish uchun, biz ifodaning o'zgarishsiz qolishi kerakligini aniq ko'rsatishimiz mumkin.

Buning uchun ifodani tirnoqqa olish va uning oldiga tilda belgisini qo'yish kerak:

@exp: ~'100% - 10px';
div {
	width: calc(@exp);
}

Kod to'g'ri ishlashi uchun uni tuzating:

@exp1: ~'80% + 10px';
@exp2: ~'30vh - 10px';

div {
	width: calc(@exp1);
	margin-top: calc(@exp2);
}