[basic] LESS - Variables (변수)

※ 자주 사용하는 값을 변수로 지정 후, 해당 변수를 불러올 수 있음.

※ 변수는 @ 기호를 앞에 붙임.

style.less

 

@width: 10px;

@height: @width + 10px; // 20px

#header {

  width: @width;

  height: @height;

}

 

---

style.css

 

#header {

  width: 10px;

  height: 20px;

}