如何将SASS中变量的RGB值更改为字符串？

Question

我一直在尝试将变量的值更改为字符串，我已经阅读并尝试了一些内置的 SASS 函数。作为示例，请看下面的代码：

$primary-color: rgb(0, 0, 0);
$string: quote($primary-color); // => "#000000"

// But I want to have it as "rgb(0, 0, 0)".

谢谢

Answer 1

$primary-color 变量被 SASS 称为颜色类型，并且不会保存其格式。通过使用插值 (#{}) 和 sass:color 模块可以达到目标。有关它们的更多信息，请访问以下链接：

在下面的代码中，#{和}之间的语句是SASS代码，将由SASS处理。 red()是一个获取颜色红色部分编号的函数； green() 和 blue() 的颜色也与 red() 函数相同。

$string: "rgb(#{red($primary-color)},#{green($primary-color)},#{blue($primary-color)})"; // => "rgb(0, 0, 0)"

How to change the RGB value of a variable in to string in SASS?