sass - Sass mixin のデフォルト引数、補間、引用など Compass box-shadow()

Question

私はこのミックスインをやろうとしています

@mixin dshadow($one: #{2px 3px 3px rgba(222,222,222, 0.3) false}, $two: #{-1px -1px 3px rgba(222,222,222, 0.3) false}){ 
@include box-shadow($one, $two);    
}

補間の有無にかかわらず試しましたが、取得できません。シャドウCSSがまったくありません。

Answer 1

をドロップするfalseと、補間なしで機能します。Sass が窒息する原因が不明です。いずれにせよ、色は box-shadow 値の最後の項目にする必要があります (参照: https://developer.mozilla.org/en-US/docs/CSS/box-shadow )

@import "compass/css3/box-shadow";

@mixin dshadow($one: 2px 3px 3px rgba(222,222,222, 0.3), $two: -1px -1px 3px rgba(222,222,222, 0.3)) { 
    @include box-shadow($one, $two);    
}

.test {
    @include dshadow;
}

生成:

.test {
  -webkit-box-shadow: 2px 3px 3px rgba(222, 222, 222, 0.3), -1px -1px 3px rgba(222, 222, 222, 0.3);
  -moz-box-shadow: 2px 3px 3px rgba(222, 222, 222, 0.3), -1px -1px 3px rgba(222, 222, 222, 0.3);
  box-shadow: 2px 3px 3px rgba(222, 222, 222, 0.3), -1px -1px 3px rgba(222, 222, 222, 0.3);
}