Sass mixin 默认参数、插值、引用等. 指南针框阴影()

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，那么它无需插值即可工作。 不知道为什么导致萨斯窒息。 无论如何，颜色应该是框阴影值中的最后一项（请参阅：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);
}