CSS -- Sass 颜色的变量

【问题标题】：CSS --variable for Sass colorsCSS -- Sass 颜色的变量
【发布时间】：2018-01-05 07:51:50
【问题描述】：

我正在尝试将 CSS 变量 --variable 与一些 Sass 函数（例如 rgba 或颜色混合）一起使用，但我一直收到错误消息：

“错误：$color: "var(--color)" 不是 `rgba' 的颜色”

这是我的代码：

--color: #{rgb(132, 200, 3)};
--rgba: #{rgba(var(--color), 0.5)};

.color {
  color: mix($white, var(--rgba), 50%);
}

关于我做错了什么的任何提示？

【问题讨论】：

【解决方案1】：

试试这个：

  --color: #{rgb(132, 200, 3)};
  --rgba: #{rgba(var(-red), 0.5)};

.color {
  color: mix($white, var(--rgba), 50%);
}

希望这有帮助:)

【讨论】：