Anulimi i Operacioneve Matematikore në LESS

Ndonjëherë ka situata kur kemi ndonjë operacion matematikor që nuk duhet të perceptohet nga LESS si një komandë për llogaritje. Për shembull, një problem i tillë shfaqet në funksionin CSS calc:

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

Për fat të mirë, LESS di t'i trajtojë në mënyrë korrekte vende të tilla dhe nuk do të kryejë llogaritje gjatë përpilimit.

Megjithatë, ka situata kur shprehja, që nuk kërkon llogaritje, ndodhet në një vend tjetër, për shembull, në një variabël, si kështu:

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

Në këtë rast, në variabël do të shkruhet rezultati i llogaritjes, dhe në calc do të dërgohet variabla me vlerën e llogaritur. Për të mos ndodhur kjo, ne mund ta tregojmë qartë se shprehja duhet të mbetet e pandryshuar.

Për këtë, shprehja duhet të vendoset në thonjëza dhe përpara saj duhet vendosur shenjën e tildës:

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