Ponistavanje matematičkih operacija u LESS

Ponekad se dese situacije kada imamo neku matematičku operaciju koja ne bi trebalo da bude tumačena od strane LESS-a kao komanda za izračunavanje. Na primer, takav problem se javlja u CSS funkciji calc:

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

Srećom, LESS ume ispravno da obrađuje ovakva mesta i neće izvršiti izračunavanje prilikom kompajliranja.

Međutim, dešavaju se situacije kada izraz, koji ne zahteva izračunavanje, se nalazi na drugom mestu, na primer, u promenljivoj, ovako:

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

U ovom slučaju u promenljivu će biti upisan rezultat izračunavanja, i u calc će biti poslata promenljiva sa izračunatom vrednošću. Da se ovo ne bi dogodilo, možemo eksplicitno naznačiti da izraz mora ostati nepromenjen.

Za ovo je potrebno izraz staviti u navodnike i staviti znak tild ispred njega:

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