刪除/從一個混合

Question

刪除屬性下面.scss代碼：

@mixin div-base { 
    width: 100px; 
    color: red; 
} 

#data { 
    @include div-base; 
} 

會產生：

#data { 
    width: 100px; 
    color: red; } 

我想這樣做：

#data { 
    @include div-base; 
    remove or delete: width right here 
} 

到產生：

#data { 
    color: red; 
} 

是否有可能根據這些方面做些事情？

Answer 1

可以實現通過寬度設置恢復到默認值相同的效果（將其設置爲auto）：

@mixin div-base { 
    width: 100px; 
    color: red; 
} 

#data { 
    @include div-base; 
    width: auto; 
} 

Answer 2

要做到這一點，最好的方法是使用您的mixin arguments：

@mixin div-base($width: 100px, $color: red) { 
    @if $width != false { width: $width; } 
    @if $color != false { color: $color; } 
} 

#data { 
    @include div-base($color: false); 
}