LESS-də riyazi əməliyyatların ləğvi

Bəzən elə vəziyyətlər olur ki, bizdə LESS tərəfindən hesablama əmri kimi başa düşülməməli olan riyazi əməliyyat olur. Məsələn, belə problem CSS-in calc funksiyasında yaranır:

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

Xoşbəxtlikdən, LESS belə yerləri düzgün şəkildə emal edə bilir və kompilyasiya zamanı hesablama aparmır.

Lakin, hesablanmaya ehtiyacı olmayan ifadənin başqa yerdə, məsələn, dəyişəndə olduğu vəziyyətlər də olur, bu cür:

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

Bu halda, dəyişənə hesablama nəticəsi yazılacaq və calc-a hesablanmış qiyməti olan dəyişən göndəriləcək. Bunun qarşısını almaq üçün, ifadənin dəyişməz formada qalması lazım olduğunu aydın şəkildə göstərə bilərik.

Bunun üçün ifadəni dırnaq içində yazmaq və qarşısında tilda işarəsi qoymaq lazımdır:

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);
}