我的 RGB 变量在 SCSS/SASS 上不起作用

Question

尝试将以下内容应用于我的 SCSS 时：

$main__blue: 130, 207, 236;

:root {
    --main__blue: #{$main__blue};
}

h1{
  color: rgb(var(--main__blue));
}

我从编译器中得到以下错误：

Compilation Error Error: Function rgb is missing argument $green. on line 44 of sass/c:{...}\assets\css\style.scss color: rgb(var(--main__blue));

我不想将变量声明为 RGB（这样可以解决我的问题），因为我想稍后将其作为 RGBA 重用。

奇怪的是，当将相同的代码应用到 my CodePen 时，它工作得很好。

我做错了什么，如何解决？

VSCode 使用 Live Sass 编译器扩展。

Answer 1

问题可能与 VSC Live Sass 编译器有关。

不要使用此扩展：Live Sass Ritwick Dey 编译器

您可能正在使用 this 扩展：Ritwick Dey 的 Live Sass 编译器。它被广泛使用，但作者不再支持它。因此，SASS 版本不会更新。此扩展程序可能会产生您所描述的错误。

使用此扩展：Live Sass Glenn Marks 编译器

您应该使用 this 扩展：Glenn Marks 的 Live Sass 编译器。正如作者所说：非常感谢@ritwickdey 所做的所有工作。但是，由于他们不再维护原始作品，我已经发布了我自己的作品。

如果有帮助请告诉我。

My RGB variables are not working on SCSS/SASS