SASS scss to css不会将var呈现为十六进制颜色

我是sass/scss新手，偶然发现了一件奇怪的事情：

当我将以下内容放入style.scss文件时：

:root {
  --red:#ff4f70;
}

.card-title-success {
  color: var(--red);
}

跑

sass style.scss style.css :

它呈现style.css而不使用#color like#ff4f70替换var，使其与style.scss完全相同！这里是style.css的内容：

.card .card-title-success {
  color: var(--red); }

如何使sass将#ff4f70呈现为css？

语法--red是css的语法，对于SCS，您必须使用：

$red:#ff4f70

，这意味着您的代码必须如下所示：

:root {
  $red:#ff4f70;
}

.card-title-success {
  color: $red;
}

请注意，SCS不使用函数

var（）

直接放置链接。 您可以在此处阅读有关sass/scss变量的更多信息