我正在尝试生成以下 SASS 代码,使用存储可变字体权重的变量:
$normal-font: 335;
:root {
font-weight: $normal-font;
font-variation-settings: "wght" #{$normal-font};
}
CSS 结果(使用 dart-sass)需要是:
:root {
font-weight: 335;
font-variation-settings: "wght" 335;
}
相反,两个组件之间的空白被处理器剥离,我得到:
:root {
font-weight: 335;
font-variation-settings: "wght"335;
}
我尝试过的任何事情都没有达到预期的结果。插入 unicode“”,由于某种原因产生:
font-variation-settings: "wght"\ 335
while
font-variation-settings: "wght" " " #{$normal-font}
用引号括起空白:
font-variation-settings: "wght"" "335
如果我尝试使用
unquote
删除这些引号,就像这样 font-variation-settings: "wght" unquote(" ") #{$normal-font}
,生成的 CSS 会去除空白:
font-variation-settings: "wght"335;
以上技术的组合似乎都不起作用。有什么建议吗?