后彩函数插件 - "Unable to parse color from string"

Question

使用以下PostCSS插件：

• Postcss-cssnext
• Postcss-Nested
• Postcss-color-unction

使用以下颜色函数时，我会不断遇到以下错误。

Unable to parse color from string "l(-20%)"

style.css

@import 'variables.css';
//          ^-- contains: --blue: #3892e0;
& a {
    color: color(var(--blue), l(-20%));
    &:hover {
        color: color(var(--blue), l(0%));
    }
}

WebPack 2摘要

{
    loader: 'postcss-loader',
    options: {
        plugins: [
            cssImport({ path: './src' }),
            cssnext({ browsers: ['last 2 versions'] }),
            colorFunction(),
            nested(),
        ],
    }
}

Answer 1

错误，尽管不是描述性，但表明,不需要。这遵循未来的CSS（提议）规格，但如果您来自任何其他语言，则可能是一个讨厌的习惯。

解决方案只是要删除,'S：

& a {
    color: color(var(--blue) l(-20%));
    &:hover {
        color: color(var(--blue) l(0%));
    }
}