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的做事方式。
任何幫助將不勝感激。
+1。指南針,你不要重複我的背景。注意:Compass會重複你的圖像來填充精靈寬度,這可能是爲什麼很多人不會注意到這個問題 - 只有當你的精靈比你想要重複背景的元素更窄時纔會彈出。 –
可能很多人使用指南針來生成漸變的小精靈,也許這就是爲什麼這沒有被注意到...... :)。也許我們應該在github上提交錯誤報告? – muxcmux
我認爲你應該這樣做。我使用羅盤很多,但從來沒有足夠窄的精靈,它成爲一個問題。 –