아래 예제들을 보면 저절로 설명이 가능할 겁니다:
1 2 3 | @nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#header { color: @light-blue; } |
다음처럼 만들어집니다:
1 | #header { color: #6c94be; } |
변수 이름으로 변수를 정의하는 것도 가능합니다:
1 2 3 | @fnord: "I am fnord.";@var: 'fnord';content: @@var; |
이렇게 하면 다음과 같이 변환됩니다:
1 | content: "I am fnord."; |
주의하세요. LESS에서 변수는 실질적으로 ‘상수(constants)라고 할 수 있습니다; 왜냐하면 한 번만 정의할 수 있기 때문입니다.
