0

我正在尝试做这个混合

@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。

4

1 回答 1

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);
}
于 2013-01-21T22:20:20.810 回答