当存在多个变量时，为mixins提供默认参数

Question

我正在尝试创建一个@mixin，我想在第一个变量中给出一个默认值，而不是第二个变量。

@mixin myCoolFont($color:purple, $size) {
    color: $color;
    font-size: $size;
}

现在，当我打电话给mixin时，我会这样做：

p {
    @include myCoolFont(white, 63px)
}

编译时会输出错误$size must come before any other arguments.

请告诉我，我做错了什么？

Answer 1

你只需按错误说，它会起作用，简单地更改参数的顺序，以便最后一个参数是具有默认值的参数。在你的情况下：

@mixin myCoolFont($size, $color:purple) {
  color: $color;
  font-size: $size;
}


p {
  @include myCoolFont(63px, white)
}