ミックスインのオーバーロードが可能ですか？

Question

みましょうあなたは、このようなのような影のためのミックスインを持っていると言う：

@mixin box-shadow($offset, $blur) 
{ 
    @include box-shadow($offset, $blur, #999); 
} 

または私はミックスインのために別の名前を使用する必要があります：

@mixin box-shadow($offset, $blur, $color) 
{ 
    -moz-box-shadow: $offset $offset $blur $color; 
    -webkit-box-shadow: $offset $offset $blur $color; 
    box-shadow: $offset $offset $blur $color; 
} 

はそれはのようなもので、そのミックスインをオーバーロードすることは可能ですか？

Answer 1

オーバーロードすることはできませんが、一般的な方法はデフォルトを設定することです。オリジナルの後に含ま - -

/* this would take color as an arg, or fall back to #999 on a 2 arg call */ 
@mixin box-shadow($offset, $blur, $color: #999) { 
    -webkit-box-shadow: $offset $offset $blur $color; 
    -moz-box-shadow: $offset $offset $blur $color; 
    box-shadow: $offset $offset $blur $color; 
} 

Answer 2

あなたはベンダーのミックスインを微調整する必要がある場合は、わずかに、あなたは別のファイルにコピーすることができ、そこにそれを編集し、ベンダーのオリジナルは無視されます。

@import "_their-mixins"; 
@import "_our-mixins"; 

警告 - これは、あなたが使用しているプロセッサに依存してもよいです。執筆の時点では、それはgruntを使用して素晴らしい作品とgrunt-contrib-compass

Answer 3

numbers1311407 @解決策は正しいですが、短いミックスインの作成に@eachディレクティブを使用することができます。で、ベンダープレフィックスを管理し、唯一のヒントとして

@mixin box-shadow($offset, $blur, $color: #999) { 
    @each $prefix in -moz-, -webkit-, null { 
    #{$prefix}box-shadow: $offset $offset $blur $color; 
    } 
}