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

Question

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

像这样 ：

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能够使用变暗来预处理它，它必须用静态值替换自定义属性，在这种情况下，自定义属性的有用性将丢失。