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);
}