sass 삽입값

486 단어 sass
$properties: (margin, padding);
@mixin set-value($side, $value) {
    @each $prop in $properties {
        #{$prop}-#{$side}: $value;
    }
}
.login-box {
    @include set-value(top, 14px);
}

다른 @media 에서 실행할 수 없음
... 때문에@extend
한 선택기 스타일을 다른 선택기로 확장하는 것이지만, 실제로는 다르다@media
에서는 이러한 스타일을 복사할 필요가 없습니다.
#{} 문법은 어디에서나 사용할 수 있는 것이 아니므로mixin에서 호출할 수 없습니다
다행히도 @extend에서 삽입값을 사용할 수 있습니다.

좋은 웹페이지 즐겨찾기