将 css 变量与 scss 变暗和变亮过滤器一起使用

我想使用scsslighten() and darken()CSS4 的函数var.

像这样 ：

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

看起来不行，gulp这样写：

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

不可能这样做吗？

这实际上行不通，因为 SASS 是预处理器，并且 CSS 自定义属性可以动态更改run-time。为了让 SASS 能够使用 darken 对其进行预处理，它必须将自定义属性替换为静态值，在这种情况下，自定义属性的用处就会丢失。