less - 주요 개념 변수 사용 > CSS

변수는 @문자로 시작합니다. 아래는 변수를 사용하는 예입니다.

@nice-blue: #5B83AD;
@light-blue: @nice-blue + #111;

#header {
  color: @light-blue;
}

위 소스의 컴파일 결과는 아래와 같은 CSS입니다.

#header {
  color: #6c94be;
}

변수는 한번만 정의될 수 있습니다. 따라서 상수(constant)처럼 생각하면 됩니다.