2017-09-03 8 views
0

スタックオーバーフローに関するこの特定の質問に対する回答はどこにもないようです。Sass @mixinのデフォルトパラメータ

私はコンパスを使用しており、box-shadow/text-shadowには@mixinを作成しています。

Sass/SCSSでデフォルトのパラメータを設定することは可能ですか?ここで

は私の現在のコードです:

@mixin outer-glow($color, $type) { 
    @if $type == 'text' { 
    @include text-shadow(0 0 2px #{$color}); 
    @include text-shadow(0 0 .125rem #{$color}); // 2px 
    } @else { 
    @include box-shadow(0 0 2px #{$color}); 
    @include box-shadow(0 0 .125rem #{$color}); // 2px 
    } 
} 

私はこの@mixinを使用して$typeが宣言されていない場合、それはbox-shadowをデフォルトにしたいと思います:

// declaration 
@include outer-glow($my-color); 
// output 
would compile to box-shadow 

// declaration 
@include outer-glow($my-color, text); 
// output 
would compile to text-shadow 

答えて

0

私は答えた、このhelpful postを見つけました私の質問。

だから、私は@mixinを編集した、今私は私が意図したとおりになりましたパラメータが割り当てられている場合、それはbox-shadowをデフォルトで、それを使用することができる午前:

@mixin outer-glow($color, $type: box) { 
    @if $type == 'text' { 
    @include text-shadow(0 0 2px #{$color}); 
    @include text-shadow(0 0 .125rem #{$color}); // 2px 
    } @else { 
    @include box-shadow(0 0 2px #{$color}); 
    @include box-shadow(0 0 .125rem #{$color}); // 2px 
    } 
} 
関連する問題