当前位置 : 主页 > 网页制作 > css >

css – 有没有办法获取传递给Sass mixin的参数数组?

来源:互联网 收集:自由互联 发布时间:2021-06-13
各种新的 CSS3属性接受无限的值集,即盒阴影和背景渐变. 以box-shadow为例,理想情况下应该能够做到: @include box-shadow(10px 15px 10px #FF0000, 15px 10px 10px #0000FF); 尽可能多的参数.问题是Sass需要一
各种新的 CSS3属性接受无限的值集,即盒阴影和背景渐变.

以box-shadow为例,理想情况下应该能够做到:

@include box-shadow(10px 15px 10px #FF0000, 15px 10px 10px #0000FF);

尽可能多的参数.问题是Sass需要一个确定数量的参数,即使它没有,我知道没有办法循环它们.

到目前为止,我能想到的最好的混合方式是这样的:

@mixin box-shadow($v1: 0 0 10px #CCC, $v2: "", $v3: "", $v4: "", $v5: "") {
  @if $v5 != "" {
    -webkit-box-shadow: $v1, $v2, $v3, $v4, $v5;
    -moz-box-shadow: $v1, $v2, $v3, $v4, $v5;
    -o-box-shadow: $v1, $v2, $v3, $v4, $v5;
    box-shadow: $v1, $v2, $v3, $v4, $v5;
  } @else if $v4 != "" {
    ...
  } @else {
    -webkit-box-shadow: $v1;
    -moz-box-shadow: $v1;
    -o-box-shadow: $v1;
    box-shadow: $v1;
  }
}

我正在尝试编写一套Sass供应商的CSS3 mixins.
(发售日期:https://github.com/stevelacey/sass-css3-mixins).

显然,这是垃圾,冗长,限于5种风格,有没有更好的方法?

编辑:

@Riklomas向我指出:https://gist.github.com/601806至少比我的代码重复得多,仍在寻找合适的解决方案.

嗨,我是Sass Core团队的成员.我希望将来能够为sass添加一个var-args功能,但目前还不可能.
网友评论