如何停止指南针将 rgba 格式转换为十六进制格式

Question

我的 css 文件需要 rgba 格式的颜色。所以我在我的 scss 文件中以 rgba 格式写了颜色。当我将所有颜色转换为 css 文件中的十六进制代码时，如果它们的不透明度为 1，则使用相同的 rgba 格式。

例如

SCSS File
background: rgba(61,61,61,1);

Complied Css
background: #3d3d3d; 

如果不透明度为 0.5

SCSS File
background: rgba(61,61,61,0.5);

Complied Css
background: rgba(61,61,61,0.5);

如何停止所有 rgba 格式的转换。如有任何建议，我们将不胜感激。

Answer 1

Sass 将保留您的颜色格式...除非它不是关键字、十六进制或 rgba 格式。 如果你想要绝对格式，那么你必须转成字符串 例如 ： - 在 scss 变量文件中

$mercury-灰色：#{'rgba(230, 230, 230, 1)'};

Input

.class {
    color: $mercury-grey;
}

Output:-
.class {
    color: rgba(230, 230, 230, 1);
}