速记属性中的SASS变量无空间

Viz*_*or 2 css sass

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

$variable : 40px
margin : 0 auto -$variable auto;
Run Code Online (Sandbox Code Playgroud)

它像这样编译成CSS:

margin : 0 auto-40px auto
Run Code Online (Sandbox Code Playgroud)

当然,这会产生错误.有没有办法使SASS编译为

margin : 0 auto -40px auto
Run Code Online (Sandbox Code Playgroud)

代替?换句话说,我怎样才能确保变量之前有空格?

Kei*_*ina 6

只需将您的代码更改为:

margin : 0 auto (-$variable) auto;
Run Code Online (Sandbox Code Playgroud)