css - CSS 变量从 SASS 函数接收值

Question

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

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

--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

没有任何效果。

谢谢。

标签： csssasscss-variables

Answer 1

它适用于：

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

或者

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