SASS没有正确预处理

Question

我的vendor/assets/stylesheets/templates文件夹中有以下文件 - test.css.sass。在application.css我添加了以下行以加载它：

*= require templates/test.css.sass

除以下情况外，文件已正确加载和预处理：

$width: 300

.div
  transform: translate3d(#{$width/5-1}px,0,0) rotate3d(0,1,0,-45deg)

我正在寻找以下输出：

.div {
  transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -45deg);
}

并使用this nice converter for validation，似乎语法正确。不幸的是，我在申请中得到的是：

.div {
  transform: translate3d(60 -1px, 0, 0) rotate3d(0, 1, 0, 90deg);
}

有人能说出为什么反而计算，我正在连接？

---

详细说明：

• Rails 4.0.2
• Sass 3.2.12（媒体标记）
• ruby​​ 2.0.0p247（2013-06-27修订版41674）[x86_64-linux]
• 此代码background-position: -#{($width/5)*2}px 0px正在运作
• 服务器也重启了几次

Answer 1

使用

$width: 300  

.div
  transform: translate3d(#{($width/5) - 1px},0,0) rotate3d(0,1,0,-45deg)

注意：

您可以忽略围绕($width/5)的圆括号。