Kufutisha Operesheni za Hisabati katika LESS

Wakati mwingine hutokea hali ambapo tuna operesheni fulani ya hisabati ambayo haipaswi kuelemewa na LESS kama amri ya kuhesabu. Kwa mfano, shida kama hiyo hutokea katika kitendakazi cha CSS calc:

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

Kwa bahati nzuri, LESS ina uwezo wa kushughulikia vyema maeneo kama haya na haitahesabu wakati wa ukusanyaji.

Hata hivyo, hutokea hali ambapo usemi usiohitaji kuhesabwa uko mahali pengine, kwa mfano, kwenye kutofautisha, kama hivi:

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

Katika kesi hii, matokeo ya kuhesabu yataandikwa kwenye kutofautisha, na kwenye calc kutatumwa kutofautisha na thamani iliyohesabiwa. Ili kuzuia jambo kama hilo kutokea, tunaweza kubainisha wazi kwamba usemi unapaswa kubaki katika hali yake ya asili.

Ili kufanya hivyo, usemi unahitaji kuwekwa kwenye alama za quotation na uweke alama ~ mbele yake:

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

Sahihisha msimbo, ili uanze kufanya kazi kwa usahihi:

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

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