如果属性以双击

Question

我已将sass ruby​​ gem更新到最新版本。现在编译.scss文件时，如果变量之前的属性名称（属性的值）以双短划线--开头，编译器不会用变量值替换变量：

示例（source.scss）：

$header-height: 58px;
$accent: red;

paper-tabs {
    height: $header-height;
    --paper-tabs-selection-bar-color: $accent;
}

预期输出（output.css）：

paper-tabs {
    height: 58px;
    --paper-tabs-selection-bar-color: red;
}

不受欢迎的输出（output.css）：

paper-tabs {
    height: 58px;
    --paper-tabs-selection-bar-color: $accent;
}

我做错了吗？我能以某种方式纠正它吗？ 谢谢。

Answer 1

经过一段时间的努力，我找到了解决方案。只需将变量视为字符串内部即可。

所以代替：

$header-height: 58px;
$accent: red;

paper-tabs {
    height: $header-height;
    --paper-tabs-selection-bar-color: $accent;
}

我们应该写：

$header-height: 58px;
$accent: red;

paper-tabs {
    height: $header-height;
    --paper-tabs-selection-bar-color: #{$accent};
}

并且按预期在output.css中正确替换变量。 谢谢大家。