css - 如何在SASS变量中传递逗号？

Question

我有一个 SASS 变量，$active-color: #a16117

现在我想在 RGBA 值中使用它，所以我创建了该变量的 RGB 值，$active-color-rgb: 161 ,97,23, 我试过这样使用它，border: 2px solid rgba($active-color-rgb 0.8) 但是 SASS 抛出这个错误

error 2-basics/buttons.sass (Line 10: wrong number of arguments (1 for 4) for `rgba')

我相信它在逗号上失败了。关于如何解决这个问题的任何想法？

Answer 1

使用 SASS，您可以使用 HEX 作为颜色，无需转换为 RGB。

$active-color: #a16117;
border: 2px solid rgba($active-color, .8);

如果您确实想转换为 RGB，那么只需执行以下操作:

$active-color-rgb: rgb(161,97,23);
border: 2px solid rgba($active-color-rgb, .8);

---

JsFiddle 示例:
https://jsfiddle.net/yvnoueb3/1/

您可以在 SASS 文档中查看更多详细信息:
http://sass-lang.com/documentation/Sass/Script/Functions.html#rgba-instance_method