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