没有多个参数的mixins

Question

我设置了这个小混音：

.linear-gradient(@direction:top, @color1:#fff, @color2:#000) 
{
    background-image: -webkit-linear-gradient(@direction, @color1, @color2);
}

然后，在我的main.less我正在尝试这样的事情：

a { .linear-gradient(top, #999, #666); }

这样做很好，说我想做这样的事情：

a { .linear-gradient(top,     , #666); }

现在，第一种颜色应该默认为默认的mixin颜色。我该怎么做呢？这是否可能

Answer 1

您还可以显式传递参数，其余参数采用默认值。

a { .linear-gradient(@direction:top, @color2:#666); }

Answer 2

少就不那么聪明。你可以是明确的：

.linear-gradient(top, #fff, #000);

或使用变量作为抽象来传递默认值。

@colorVar1: #fff;

.linear-gradient(top, @colorVar1, #000);

Less不知道如何处理空白空间，并且会将处理视为无效。