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窒息。无论如何，颜色应该是框阴影值中的最后一项（参见：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);
}