반응형 extend1 @extend 대신 @mixin 사용하기 @extend를 언제 사용해야 할까? 먼저 @extend는 연관성을 형성한다는 것을 알아야한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 %brand-font { font-family: webfont, sans-serif; font-weight: 700; } h1 { @extend %brand-font; font-size: 2em; } .btn { @extend %brand-font; display: inline-block; padding: 1em; } .promo { @extend %brand-font; background-color: #BADA55; color: #fff; } .footer-message { @exten.. 2019. 9. 25. 이전 1 다음 반응형
