SASS/SCSS变量可能是可能的吗？

Question

当尝试在CSS中显示我声明的SASS变量时，我不会在CSS输出文件中获得变量本身，而是给出了变量的值。

更明确的是，这就是我得到的：

SCS/SASS输入

$gray__background: #2d2d2d;

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

body{
  background-color: $gray__background;
}

CSS“输出”

:root {
 --gray__background: #2d2d2d;
}

body{
 background-color: #2d2d2d;
}

这就是我期望获得的：

CSS“输出”

:root {
  --gray__background: #2d2d2d;
}
body{
  background-color: var(--gray__background);
}

短篇小说：我想知道CSS“自动生成的”文件<<代码>背景色：var（ - 灰色__background）; ，而不是backendy-color：＃2d2d2d;可以实现。

我使用 live sass Compiler vscode的扩展。

抱歉，如果我的问题有些模糊。我是新手编码。

Answer 1

：root变量在SCSS中声明，但没有使用，因此它们不会显示在CSS输出上。
看来您必须在SCSS而不是$ GRAY__BACKGOUND中使用- gray__background，因此它变为：background-color：var（-gray__background） ;
。

希望这会有所帮助。