css - 速记属性中的 SASS 变量没有空格

Question

在 SASS 的速记属性中使用 SASS 变量时，如下所示：

$variable : 40px
margin : 0 auto -$variable auto;

它像这样编译成 CSS：

margin : 0 auto-40px auto

当然，这会产生错误。有没有办法让 SASS 编译为

margin : 0 auto -40px auto

反而？换句话说，我怎样才能确保变量之前有一个空格？

标签： csssass

Answer 1

只需将您的代码更改为：

margin : 0 auto (-$variable) auto;