2011-10-06 21 views
4

我在我的assets/images目錄中有一個gradient在Rails 3.1應用程序。下面是我用用創建從這些圖像精靈指南針代碼:如何「重複x」一個精靈,由羅盤生成

$gradient-repeat: repeat-x; 
@import "compass"; 
@import "gradient/*.png"; 
body > header > nav { 
    clear: both; 
    @include gradient-sprite(red-menu); 
} 

我的問題是,即使我明確地告訴大家,我想我的背景是水平重複羅盤,它仍然產生以下CSS:

body > header > nav { 
    clear: both; 
    background-position: 0 -207px; 
    height: 34px; 
} 
.gradient-sprite, body > header > nav { 
    background: url(/assets/gradient-sbe06665f77.png) no-repeat; 
} 

所以我的梯度不會水平重複。

我在我的Gemfile中使用了指南針gem的3.1分支。

現在,我可以簡單地將background-repeat: repeat-x;添加到我的代碼中,並覆蓋Compass爲我生成的內容,但我覺得這不是Rails的做事方式。

任何幫助將不勝感激。

+3

+1。指南針,你不要重複我的背景。注意:Compass會重複你的圖像來填充精靈寬度,這可能是爲什麼很多人不會注意到這個問題 - 只有當你的精靈比你想要重複背景的元素更窄時纔會彈出。 –

+0

可能很多人使用指南針來生成漸變的小精靈,也許這就是爲什麼這沒有被注意到...... :)。也許我們應該在github上提交錯誤報告? – muxcmux

+0

我認爲你應該這樣做。我使用羅盤很多,但從來沒有足夠窄的精靈,它成爲一個問題。 –

回答