수나 색상, 변수를 연산할 수 있습니다. 몇 가지 예를 살펴 보시죠:
@base: 5%; @filler: @base * 2; @other: @base + @filler;
color: #888 / 4; background-color: @base-color + #111; height: 100% / 2 + @filler;
이렇게 연산한 결과는 여러분이 기대하는 것과 매우 비슷할 겁니다. LESS에서는 16진수 색상값(color)과 단위를 서로 다르게 인식합니다. 단위를 연산하는 경우에 :
@var: 1px + 5;
LESS는 단위를 인식해서 결과에 반영합니다. 이번 예에서는 6px이 되고요.
Brackets are also authorized in operations:
width: (@var + 5) * 2;
And are required in compound values:
border: (@width * 2) solid black;
