Less 具有多个变量的更少svg-gradient()函数

Less 具有多个变量的更少svg-gradient()函数,less,dotless,Less,Dotless,我似乎无法用更少的时间将多个变量发送到svg-gradient()函数。 如果不使用变量,svg梯度函数就可以正常工作。(除了ID的非增量-但这完全是另外一回事!)或者如果我将完全相同的数据发送到CSS属性linear-gradient(),这与svg-gradient()函数所需的格式相同,它也可以工作 有谁能告诉我,为什么上面和下面的代码都成功编译了,而下面代码中的注释行却没有成功编译 /* Example 1 */ .my-mixin-gradient(@size: contain; @d

我似乎无法用更少的时间将多个变量发送到svg-gradient()函数。 如果不使用变量,svg梯度函数就可以正常工作。(除了ID的非增量-但这完全是另外一回事!)或者如果我将完全相同的数据发送到CSS属性linear-gradient(),这与svg-gradient()函数所需的格式相同,它也可以工作

有谁能告诉我,为什么上面和下面的代码都成功编译了,而下面代码中的注释行却没有成功编译

/* Example 1 */
.my-mixin-gradient(@size: contain; @direction: to right; @color...){
  background: svg-gradient(@direction, red 0, orange 20%, yellow 30%, green 50%, blue 70%, indigo 85%, violet 100%);
  /* background: svg-gradient(@direction, @color); */ /* Why does this not compile ??? */
  background: linear-gradient(@direction, @color);
  background-size: @size;
}

.my-class{
  .my-mixin-gradient(contain; to bottom; red 0, orange 20%, yellow 30%, green 50%, blue 70%, indigo 85%, violet 100%);
}

/* Example 2 */
.my-mixin-gradient2(@size: contain; @mygrad: to right, #000 0, #fff 100%){
  background: svg-gradient(to bottom, #ff0000 0, #ffa500 20%, #ffff00 30%, #008000 50%, #0000ff 70%, #4b0082 85%, #ee82ee 100%);
  /* background: svg-gradient(@mygrad); */ /* Why does this not compile either ??? */
  background: linear-gradient(@mygrad);
  background-size: @size;
}

.my-class2{
  .my-mixin-gradient2(contain; to bottom, #ff0000 0, #ffa500 20%, #ffff00 30%, #008000 50%, #0000ff 70%, #4b0082 85%, #ee82ee 100%);
}

简言之,
@var..
arg表示单个变量中的值数组,该变量构成单个函数参数,而不是参数列表。。。我不认为目前有任何简单的方法来实现你所需要的。(因此,我建议在Less repo上提出一个功能请求,以添加对数组/列表参数处理
svg gradient
函数的支持。)请参见: