繼承小按鈕mixin中的樣式

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); 
    } 
}