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)圓形支架。