728x90
SCSS:
@mixin icon($url) {
&::after {
content: $url;
@content;
}
}
.icon1 { // icon Mixin의 기존 기능만 사용 >> 클래스
@include icon("/images/icon.png");
}
.icon2 { // icon Mixin에 스타일 블록을 추가하여 사용 >> 클래스
@include icon("/images/icon.png") {
position: absolute;
};
// 보라색 부분이 @content로 들어간다.
}
bootstrap을 커스터마이징 하려면 scss를 사용해야 함.
728x90
'고흐의 연구실 > WEB' 카테고리의 다른 글
js (0) | 2021.07.04 |
---|---|
CSS 주저리주저리 (0) | 2021.06.27 |