css - 如何将 CSS var() 添加到手写笔内置函数中？

Question

我试过这个:

:root {
  --primary-color: $black
}

$secondary-color = "lighten(%s, 20%)" % var(--primary-color)

(我从这里拿的: How to use a Stylus variable in calc?)

我没有收到任何错误。然而， $secondary-color不渲染任何颜色。

这样做的最佳方法是什么？

结果是这样的:
background-color: lighten(var(--primary-color), 20%)所以我认为有些东西渲染得不好。

Answer 1

这是行不通的，因为 1。lighten是一个在编译时执行的预处理器函数，而插值只是通过所有的东西和 2。lighten根本不应该使用 css 变量，因为它从一种颜色中提取数值，以便在编译时计算另一种颜色，在 css 变量的情况下，当时还不知道 3. 在 css 中这对于包含全色定义的 css 变量甚至是不可能的，因此预处理器也无法做到:为了在运行时进行颜色混合，您需要像 var(--primary-h) 一样将其分解。 , var(--primary-s)和 var-primary-l并使用 calc分别对值进行操作。