......在SCSS mixin参数中意味着什么？

Question

我正在寻找其他人创建的gradients mixin（Chris Eppstein）。在主mixin的参数列表中，在最后一个参数之后有三个点。

@mixin linear-gradient($direction, $color-stops...){

他们是什么意思？我在文档中找不到它主要是因为...在许多代码示例中用于显示它们何时跳过不相关的部分。

由于

Answer 1

在这种情况下，$color-stops是 arglist 。它为您提供了将任意数量的参数传递给mixin并根据需要使用它的可能性。

例如：

@mixin linear-gradient($direction, $color-stops...){
    background-color: nth($color-stops,1);
    color: nth($color-stops,2);
}

你可以这样调用这个函数：

.foo {
  @include linear-gradient(to right, blue, white, red, black);
}