在 SASS 声明中添加空格

问题描述 投票:0回答:0

我正在尝试生成以下 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;

以上技术的组合似乎都不起作用。有什么建议吗?

css variables sass unicode dart-sass
© www.soinside.com 2019 - 2024. All rights reserved.