减法不在指南针scss中工作

loc*_*zak 27 sass compass-sass

虽然我一直爱指南针,但我只是遇到了一个令人困惑的问题.我试图从这样的值中减去一个:

padding-left:($top-bar-padding*4)-1;
padding-left:($top-bar-padding*4-1);
padding-left:($top-bar-padding*4)-1px;
padding-left:($top-bar-padding*4-1px);
Run Code Online (Sandbox Code Playgroud)

我已经尝试了所有这些,他们都给了我:

padding-left: 20px -1px;
Run Code Online (Sandbox Code Playgroud)

这真让我感到困惑,因为我之前在.scss文件中有这个并且工作正常:

padding:$top-bar-padding*2+2 $top-bar-padding*4;
Run Code Online (Sandbox Code Playgroud)

有关为何发生这种情况的任何见解?

loc*_*zak 50

你需要在减法符号之前和之后有一个空格,如下所示:

($top-bar-padding*4 - 1)
Run Code Online (Sandbox Code Playgroud)

  • 在大学时我们被教导因为这个原因,连字符不用于变量名,尽管这个建议似乎被css作者忽略了.结果 ?这个令人困惑的问题,老派的家伙往往是对的! (5认同)