Откажување на математички операции во LESS

Понекогаш се јавуваат ситуации кога имаме некоја математичка операција која не треба да биде сфатена од LESS како команда за пресметување. На пример, таков проблем се појавува во CSS функцијата calc:

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

За среќа, LESS знае коректно да ги обработува таквите места и нема да изврши пресметка при компајлирање.

Сепак, постојат ситуации кога изразот, кој не бара пресметување, се наоѓа на друго место, на пример, во променлива, вака:

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

Во овој случај во променливата ќе се запише резултатот од пресметката, и во calc ќе се испрати променливата со пресметаната вредност. За да не се случи такво нешто, можеме експлицитно да укажеме дека изразот треба да остане во непроменета форма.

За ова, изразот треба да се стави во наводници и да се стави знакот тилда пред него:

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

Исправете го кодот за да работи коректно:

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

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