使用scss变量和scss变暗和ligthen过滤器

Question

我想在CSS4 lighten()中使用scss darken()和var函数。

像这样：

box-shadow: inset 0px -2px 50px 45px darken(var(--colorbtn),20%);

似乎没有用，gulp写道：

Error: $color: "var(--colorbtn)" is not a color for `darken'

不可能这样做？

Answer 1

这不能真正起作用，因为SASS是预处理器，并且可以在运行时动态更改CSS自定义属性。为了使SASS能够使用变暗进行预处理，它必须用静态值替换自定义属性，在这种情况下，自定义属性的有用性将丢失。