Ошибка значения: background-color Неправильная функция RGB ). Почему валидатор CSS ругается на переменную?

Question

[grafit_off]

Почему валидатор CSS ругается?

:root{
    --color: 0, 0, 0;
}
.selector {
    background-color: rgba(var(--color), 0.25);
}

Comments

[fallus]

Можно попробовать так:

:root{
    --color: 0 0 0;
}
.selector {
    background-color: rgba(var(--color) / 0.25);
}

А вообще, я не знаю. Остань.

Answer 1

[Vladimir Medvedev]

Скорее всего ожидается на входе значение rgb, а не ссылка на переменную. Так в целом должно все у вас работать https://jsfiddle.net/jhw75cmL/

Comments

[grafit_off]

Видимо да. Все работает, думал может так не принято делать, но уж очень часто попадалась такая запись.