css - 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) 周围的圆括号。