CSS
:root {
--main-colour: blue;
--secondary-colour: orange
}
У меня есть несколько vue компонентов, цвет которых определяется привязкой класса с результатом, подобным ...
<div class="v-system-bar theme--light blue lighten-0">
Запуск локально, наблюдается --main-colour.
После запуска vue-cli-service build результирующий css:
:root{--main-colour:#00f;--secondary-colour:orange}
Строка цвета переведена в шестнадцатеричный код (по какой-то причине затрагивается только синий), и цвет не добавляется в класс
<div class ="v-system-bar theme--light">
Почему это происходит и есть ли способ предотвратить это?