将CSS自定义属性(变量)与LESS函数一起使用

时间:2018-11-08 10:57:24

标签: css css3 less css-variables tint

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

谢谢。

0 个答案:

没有答案