css-2

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를 사용해야 함.

원문링크 : css-2