有可能在sass中过载mixins吗?

假设您有一个混合阴影,例如:

@mixin box-shadow($offset, $blur, $color)
{
   -moz-box-shadow: $offset $offset $blur $color;
   -webkit-box-shadow: $offset $offset $blur $color;
   box-shadow: $offset $offset $blur $color;
}

是否可以使用以下内容重载该mixin:

@mixin box-shadow($offset, $blur)
{
    @include box-shadow($offset, $blur, #999);
}

还是我必须为mixins使用不同的名称?

Itachi理查德2020/03/23 15:44:07

@ numbers1311407解决方案是正确的,但是您可以使用@each指令创建较短的mixin:

@mixin box-shadow($offset, $blur, $color: #999) {
  @each $prefix in -moz-, -webkit-, null {
    #{$prefix}box-shadow: $offset $offset $blur $color;
  }
}
L小宇宙2020/03/23 15:44:07

您不能过载,但是典型的做法是设置默认值。

 /* this would take color as an arg, or fall back to #999 on a 2 arg call */
 @mixin box-shadow($offset, $blur, $color: #999) {
   -webkit-box-shadow: $offset $offset $blur $color;
   -moz-box-shadow: $offset $offset $blur $color;
   box-shadow: $offset $offset $blur $color;
 }
小宇宙2020/03/23 15:44:07

如果您需要稍微调整供应商混音,则可以将其复制到另一个文件(包括在原始文件之后),然后在其中进行编辑,而供应商的原始文件将被忽略。

@import "_their-mixins";
@import "_our-mixins";

警告 -这可能取决于您使用的处理器。在撰写本文时,使用gruntgrunt-contrib-compass效果很好