Preklic matematičnih operacij v LESS

Včasih pridejo situacije, ko imamo neko matematično operacijo, ki ne smemo biti razumljena s strani LESS kot ukaz za izračun. Na primer, takšna težava se pojavi v CSS funkciji calc:

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

Na srečo LESS zna pravilno obravnavati takšna mesta in ne bo izvedel izračuna med kompilacijo.

Obstajajo pa situacije, ko je izraz, ki ne zahteva izračuna, na drugem mestu, na primer v spremenljivki, takole:

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

V tem primeru se bo v spremenljivko zabeležil rezultat izračuna, in v calc bo poslana spremenljivka z izračunano vrednostjo. Da se to ne zgodi, lahko eksplicitno navedemo, da naj izraz ostane v nespremenjeni obliki.

Za to je treba izraz vzeti v narekovaje in pred njega postaviti znak tildo:

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

Popravite kodo, da bo delovala pravilno:

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

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