[basic] LESS - Mixins (믹스인)

815

Mixins 정의

웹사이트 전체에 걸쳐 재사용 가능한 CSS 코드를 별도로 정의 후,

CSS 정의할 때 불러와 재사용하는 기법.

Mixins 예제

.bordered {

border-top: dotted 1px black;

border-bottom: solid 2px black;

}

#menu a {

color: #111;

.bordered();

}

.post a {

color: red;

.bordered();

}

cf. SASS 경우, @include mixin_name 형식 사용.

코멘트입력

목록 글쓰기

ColorB_F


분류	제목



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 (가져오기)

1/8

채팅방
필독

1. 채팅창 헤드에서 접속자 확인 2. 닉네임 클릭해 1:1 채팅 가능 3. 닉네임 클릭해 귓속말 가능 4. 닉네임 클릭해 호출하기 가능 5. 우하단 클릭해 환경 설정 가능 6. 의뢰글 작성 후 의뢰 상담 가능 7. 질문글 작성 후 질문 상담 가능 8. 채팅방에 개인정보 입력 금지 9. 채팅방에 광고 욕설 비방 금지