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:

div {
	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:

@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:

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

Kody dogry işlemek üçin düzediň:

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

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