以下代码有效,除非我尝试通过$gradient
to @include background-image
.
@mixin compositeFill($size: 100px, $gradient:(top, #000000 0%, #FFFFFF 100%)) {
$isTop: nth($gradient, 1) == "top";
$direction: if($isTop, vertical, horizontal);
$widthHeight: if($isTop, height, width);
$heightWidth: if($isTop, width, height);
// snipped a whole bunch of irrelevant stuff
// this is what fails:
@include background-image(linear-gradient($gradient));
}
如何传递列表(例如$gradient
) 到需要多个参数的 mixin?
要将参数列表传递给接受多个参数的 mixin,您需要像这样使用它:
@include background-image(linear-gradient($gradient...));
the 三个点表示您要填充列表元素中的参数...否则整个列表将作为单个参数传递...并且linear-gradient()
mixin 失败(因为它需要至少两个颜色停止参数)。
DEMO
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)