我正在尝试做这个混合
@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。
我正在尝试做这个混合
@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。
如果你放弃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);
}