Как я бы поехал на преобразовании переменных CSS в их исходных значениях? ⇐ CSS

[Anonymous]

По сути, допустим, у меня есть следующий код: < /p>

html {
--pink: #ffe4f1;
--yellow: #fff7d1;
--green: #e4f9e0;
--purple: #f2e6ff;
--blue: #e2f1ff;
--gray: #f3f2f1;
--charcoal: #696969;
}

.pink { color: var(--pink); }
.yellow { color: var(--yellow); }
.green { color: var(--green); }
.purple { color: var(--purple); }
.blue { color: var(--blue); }
.gray { color: var(--gray); }
.charcoal { color: var(--charcoal); }
< /code>

Но я действительно хочу: < /p>

.pink { color: #ffe4f1; }
.yellow { color: #fff7d1; }
.green { color: #e4f9e0; }
.purple { color: #f2e6ff; }
.blue { color: #e2f1ff; }
.gray { color: #f3f2f1; }
.charcoal { color: #696969; }
< /code>



Итак, как бы мне изменить все переменные (что было бы более одного происшествия), не делая этого вручную? Я знаю, что это в основном это будет своего рода компилятор CSS, но есть ли что -то подобное? И если нет, есть ли, по крайней мере, проект в работах для него? Это должна иметь устаревшую поддержку CSS для старых браузеров/веб -просмотров.


Подробнее здесь: https://stackoverflow.com/questions/595 ... nal-values