재활용(Mixins)
스타일 시트 전체에서 재사용 할 CSS 선언 그룹을 정의하는 기능.
선언하기(@mixin), 포함하기(@include).
-
인수(Arguments)
Mixin은 함수(Function)처럼 인수(Arguments)를 가질 수 있음.
-
인수의 기본값 설정
-
키워드 인수(Keyword Arguments)
-
가변 인수(Variable Arguments)
가변인수는 매개변수 뒤에 ...을 붙임.
가변인수를 전달할 값으로 사용하기.
-
Content
선언된 Mixin에 @content 이 포함되어 있다면 해당 부분에 원하는 스타일 블록을 전달할 수 있음.
@content 부분에 추가적인 특정 CSS 속성들을 더 넣을 수 있음.
'::public > HTML & CSS(SCSS)' 카테고리의 다른 글
SCSS - 함수 (0) | 2021.08.02 |
---|---|
SCSS - 확장 (0) | 2021.08.02 |
SCSS - 연산 (0) | 2021.08.02 |
SCSS - 파일 분할(Partials) (0) | 2021.08.02 |
SCSS - 가져오기(import) (0) | 2021.08.02 |