CSS 变量从 SASS 函数接收值

Question

有没有办法从 SASS 函数中为 CSS 变量赋值？

我尝试了不同的方法，例如：

--color: lighten(blue, 10%); // from a simple color

--color: lighten(var(--blue), 10%); // from another CSS variable

--color: lighten(#{$blue}, 10%); // from a SASS variable

--color: #{lighten(blue, 10%)}; // all function inside an interpolation

没有任何作用。

谢谢。

Answer 1

它适用于：

--color: #{lighten(blue, 10%)};

或

--color: #{lighten($blue, 10%)};