Postcss - плагин функции цвета - "Невозможно разобрать цвет из строки"

Question

Используя следующие плагины postcss:

• postcss-cssnext
• postcss-вложенный
• postcss цвет-функция

Я постоянно получаю следующую ошибку, когда использую следующую цветовую функцию.

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

styles.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%));
    }
}