Question

我尝试使用Less mixin，但它不起作用，因为我传递了多个线性值：

.MultiStepGradient(@multigrad) {
    background-image: -moz-linear-gradient(@multigrad);
    background-image: -webkit-linear-gradient(@multigrad);
    background-image: -o-linear-gradient(@multigrad);
    background-image: -ms-linear-gradient(@multigrad);
    background-image: linear-gradient(@multigrad);
}

.test {
    .MultiStepGradient(135deg,#202f7c 0%, #7f3689 52%, #7f3689 100%);
}

错误： 未找到.MultiStepGradient(135deg, #202f7c 0%, #7f3689 52%, #7f3689 100%)

的匹配定义

Answer 1

像这样传递，逃避它

.MultiStepGradient(~"135deg,#202f7c 0%, #7f3689 52%, #7f3689 100%")

如果您想以现在的方式传递，可以将mixin更改为多个值

http://lesscss.org/functions/#string-functions-escape

向下滚动一点以查看e部分

CSS转义，替换为〜＆＃34;值＆＃34;语法。

它希望string作为参数并按原样返回其内容，但是   没有引号。它可以用于输出CSS值，这不是   有效的CSS语法，或使用Less不具备的专有语法   认。

Less mixin不适用于逗号

1 个答案: