• 회원가입
  • 로그인
  • 구글아이디로 로그인

[basic] LESS - Maps (맵)

653  

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;

}

 

 


분류 제목
basic LESS - Home (입문)
basic LESS - Intro (소개)
basic LESS - Installation (설치)
basic LESS - Variables (변수)
basic LESS - Parent Selectors (부모 선택자)
basic LESS - Mixins (믹스인)
basic LESS - Nesting (중첩 = 안긴 형태)
basic LESS - Operations (연산)
basic LESS - Escaping (회피 = 이스케이핑)・Function (함수)
basic LESS - Namespaces (네임스페이스)・Accessors (접근자)
basic LESS - Maps (맵)
basic LESS - Scope (유효 범위)
basic LESS - Comments (주석)
basic LESS - @import (가져오기)
basic LESS - @plugin (플러그인 가져오기)
basic LESS - Extend (상속 = 확장)
basic LESS - Merge (병합 = 결합)
basic LESS - CSS Guards
basic LESS - Detached Rulesets
basic LESS - Tool (도구)
목록
찾아주셔서 감사합니다. Since 2012