在我的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最小字段中?
谢谢。