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

Question

我想用CSS4 使用scss lighten()和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能够使用变暗来预处理它,它必须用静态值替换自定义属性,在这种情况下,自定义属性的有用性将丢失.