[basic] LESS - Maps (맵)

LESS 3.5부터 믹스인과 룰셋을 맵 (= 이름:값)의 값 부분에 사용 가능.

style.less

 

#colors() {

    primary: blue;

    secondary: green;

}

.button {

    color: #colors[primary]; // blue

    border: 1px solid #colors[secondary]; // green

}

 

---

style.css

 

.button {

  color: blue;

  border: 1px solid green;

}