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
• 萨斯3.2.12（介质标志）
• 红宝石2.0.0p247（2013年6月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)圆形支架。