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 中使用插值。