appearance()

외관(Appearance) 믹스인

용도

요소의 외관(appearance)을 설정하는 믹스인입니다.

사용법

appearance() 믹스인을 실행합니다.

appearnace($value:string)

select {
  @include appearance;
}

매개변수(parameter)	유형(type)	필수(required)	기본 값(default)
$value	string		none

위 예시 코드는 아래의 CSS로 컴파일 되어 출력됩니다.

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

로직

reset-link() 믹스인은 다음의 로직에 의해 작성되었습니다.

@mixin appearance($value: none) {
  -webkit-appearance: $value;
  -moz-appearance: $value;
  appearance: $value;
}

1. 전달 받은 값이 없을 경우, none 값 설정

2. 설정 값을 반영한 코드 출력

참고

믹스인에 사용된 Sass의 빌트인 모듈은 다음과 같습니다.

• @mixin / @include