LESSтеги математикалык амалдарды жокко чыгаруу

Кээде бизде LESS тарабынан эсептөө командасы катары түшүнүлбөшү керек болгон математикалык амалдар болуп калат. Мисалы, мындай көйгөй calc CSS функциясында кездешет:

div {
	width: calc(100% - 10px);
}

Бактыга жараша, LESS мындай жерлерди туура иштете алат жана компиляция убагында эсептөөнү жүргүзбөйт.

Бирок, эсептөөнү талап кылбаган туюнтма башка жерде, мисалы өзгөрмөдө жайгашкан учурлар да болот, мындай:

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

Бул учурда өзгөрмөгө эсептөө натыйжасы жазылып, calc функциясына эсептелген мааниси менен өзгөрмө жиберилет. Мунун болушуна жол бербөө үчүн, биз туюнтма өзгөрбөй калуусу керектигин так көрсөтө алабыз.

Бул үчүн туюнтманы тырмакчага алып, алдына тильда белгисин коюу керек:

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

Код туура иштеши үчүн аны оңдоп коюңуз:

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

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