html - 我的 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.scsscolor: rgb(var(--main__blue));

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

奇怪的是，当将相同的代码应用于 my CodePen 时, 它完美地工作。

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

带有 Live Sass 编译器扩展的 VSCode。

Answer 1

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

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

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

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

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

如果这有帮助，请告诉我。