2011-10-06 46 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

我认为你应该这样做。我使用罗盘很多,但从来没有足够窄的精灵,它成为一个问题。 –

回答