css - 从小断点内的按钮混合继承样式

Question

有没有办法只在小断点设置 $expand 并从上面继承 $background 和 $background-hover？

&__close {
    @include button($background: $success-color, $background-hover: auto);

    @include breakpoint(small only) {
        @include button($background: $success-color, $background-hover: auto, $expand: true);
    }
}

Answer 1

将 button() 参数默认为示例中的某些值是否可能是一种“中间方法”？然后你可以重新排列你的参数的顺序并且只覆盖 $expand 值，如下所示:

// @mixin button()
@mixin button( $expand: false, $background: $success-color, $background-hover: auto ) {
    // All the button stuff
}


// Your selector
&__close {
    @include button();

    @include breakpoint(small only) {
        @include button($expand: true);
    }
}