我正在写一个像这样的mixin:
@mixin box-shadow($top, $left, $blur, $color, $inset:"") {
-webkit-box-shadow: $top $left $blur $color $inset;
-moz-box-shadow: $top $left $blur $color $inset;
box-shadow: $top $left $blur $color $inset;
}
当真正被调用时,我真正想要的是如果不$inset
传递任何值,则不会输出任何内容,而是将其编译为以下内容:
-webkit-box-shadow: 2px 2px 5px #555555 "";
-moz-box-shadow: 2px 2px 5px #555555 "";
box-shadow: 2px 2px 5px #555555 "";
如何重写mixin,以便在没有$inset
传递值的情况下什么也不输出?
null
来跳过attr / prop。ie @include box-shadow($top, $left, $blur, $color, null)
blank
or或nil
value。