sass - rgb/rgba 函数在使用 scss 颜色变量时不起作用

Question

我目前正在从 node-sass 切换到 dart-sass。我曾经能够像这样混合使用 hex 和 rgb 来定义颜色不透明度：

$colour-black: #000000;

.element {
    background-color: rgb($colour-black, 0.16);
}

但是，现在它会触发错误并指出我缺少 $blue 并希望我提供 rgb 值

SassError: Missing element $blue.

这仅在我给它一个严格的 rgb 代码时才有效，rgb(0,0,0, .16);但如果我使用它就行不通rgb($colour-black, $colour-black, $colour-black, 0.16)

这与 dart-sass 有关还是我缺少一些简单的东西。在我看过的所有地方，我都可以使用十六进制颜色变量在 scss 中编写 rgb 代码。我错过了什么？感谢您提供的见解。

"sass-loader": "^12.1.0", "sass": "^1.48.0", "postcss": "^8.3.9",

Answer 1

尝试background-color: rgba($colour-black, 0.16);

rgba();设置不透明度时需要使用，而不是rgb();