В моем файле LESS у меня есть это:
:root{
--base-color: red;
}
В моем проекте --base-color может измениться "на лету" из пользовательского ввода, поэтому каждый экземпляр красный может стать, например, зеленый .
Проблема в том, что у меня есть некоторые LESS-функции для применения оттенка, тени или насыщенности, поэтому я пытаюсь сделать что-то вроде этого:
.tint{
color: tint(var(--base-color), 80%);
}
Но я получаю эту ошибку:
Ошибка: функция оценки ошибок tint: color2.toHSL не является
функция
Очевидно, что я не могу сохранить --base-color в меньшем количестве переменных, потому что я потеряю экземпляр переменной, поэтому color: tint(@base-color, 80%) не является приемлемым ответом.
Есть ли способ сохранить экземпляр --base-color в моем минимизированном поле css?
Спасибо.