Отмена математичких операција у LESS-у

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

styles.lessdiv {
  width: calc(100% - 10px);
}

Срећом, LESS може коректно да обради таква места и неће извршити израчунавање током компајлирања.

Међутим, постоје ситуације када израз који не захтева израчунавање се налази на другом месту, на пример, у променљивој, овако:

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

У овом случају, у променљиву ће бити уписан резултат израчунавања, и у calc ће бити послата променљива са израчунатом вредношћу. Да се то не деси, можемо експлицитно навести да израз треба да остане у непромењеном облику.

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

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

styles.less@exp1: 80% + 10px;
@exp2: 30vh - 10px;

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