Как «повторить-х» спрайт, сгенерированный Compass - PullRequest
4 голосов
/ 06 октября 2011

У меня есть каталог gradient в моем assets/images в приложении Rails 3.1.Вот код, который я использую для создания спрайта из этих изображений с помощью Compass:

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

Моя проблема в том, что, хотя я явно говорю Compass, что хочу, чтобы мой фон повторялся по горизонтали, он все равно производит следующий 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 я использую ветку 3.1 компаса gem.

Теперь яЯ мог бы просто добавить background-repeat: repeat-x; в мой код и переопределить то, что Compass сгенерировал для меня, но я чувствую, что это не способ Rails делать вещи.

Любая помощь будет принята с благодарностью.

1 Ответ

0 голосов
/ 06 января 2012

По умолчанию это невозможно, однако я нахожу умную технику в этой статье, она объясняет, как повторять спрайты.

Повтор фона и спрайты css

Надеюсь, это поможет

...