LESS-da matematik amallaryny ýatyrmak

Käwagt şeýle ýagdaýlar bolýar, bizde käbir matematik amal bolup, ony LESS hasaplamak üçin buýruk hökmünde düşünmezlik gerek. Mysal üçin, muňa meňzeş problema CSS funksiýasy calc-da ýüze çykýar:

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

Bagtlylyk bilen, LESS şuňa meňzeş ýerleri dogry işleýär we kompilirleýänkä hasaplama geçirmeýär.

Emma, hasaplama talap etmeýän ifadeniň başga bir ýerde, mysal üçin, üýtgeýjide ýerleşen ýagdaýlary hem bar. Mysal üçin:

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

Bu ýagdaýda, üýtgeýjä hasaplanylan netije ýazylar, we calc-a hasaplanylan bahaly üýtgeýji iberiler. Munuň bolmagyň ýoly ýok, ifadeniň üýtgewsiz görnüşde galmalydygyny aýdyň görkezmelidir.

Bunun üçin ifade dyrnak işgäri içine alynmaly we öňüne tilda nyşany goýulmaly:

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