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

[Misc_F] LESS - default() 함수 - 일치하는 mixin 존재 여부 체크. (= default함수)

747  

default() 함수

[정의]

 

일치하는 mixin 존재 여부 체크.

 

※ when() 함수 안에 넣어 주로 사용. 

(예) ...when (default())...

 

주의1: 일치하는 mixin이 없어야 true 반환.

주의2: guard 조건 내에서만 유효.

 


[구문]

 

default()

 


[매개변수]

 

없음.

 


[반환값]

 

다른 일치하는 mixin 존재 X 경우, true 반환. 

다른 일치하는 mixin 존재 O 경우, false 반환.

 


[예제] - less

 

.mixin(1)                   {x: 11}

.mixin(2)                   {y: 22}

.mixin(@x) when (default()) {z: @x} // @x는 3이 자동 배정.


div {

  .mixin(3); // z:3;

}


div.special {

  .mixin(1); // x:11;

}

 


[예제 결과] - css

 

div {

  z: 3;

}

div.special {

  x: 11;

}

 

 


분류 제목
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
1/6
목록
찾아주셔서 감사합니다. Since 2012