less @arguments with linear-gradients (逗号)

Question

关于 their site ，他们给出了如何使用 @arguments 的示例:

.box-shadow (@x: 0, @y: 0, @blur: 1px, @color: #000) {
  box-shadow: @arguments;
  -moz-box-shadow: @arguments;
  -webkit-box-shadow: @arguments;
}
.box-shadow(2px, 5px);

结果是:

box-shadow: 2px 5px 1px #000;
  -moz-box-shadow: 2px 5px 1px #000;
  -webkit-box-shadow: 2px 5px 1px #000;

它似乎只接受所有参数并用空格分隔它们。我实际上想要用逗号分隔的参数用于 linear-gradient:

background: linear-gradient(top, @arg1, @arg2, @arg3...);

这有可能吗？

Answer 1

受@Allan 回答的启发，我不得不使用以下方法将@arguments 传递给线性梯度函数:

.linear-gradient-multi( ... ) {
   background-image: -webkit-linear-gradient( ~`"@{arguments}".slice(1,-1)` );
   ...
}

只有这样我才能调用带有百分比和变量的 mixin:

.linear-gradient-multi(left, #CCC 0%, #DDD @percent, #FFF @percent + 1, #FFF 100%);