Компас: создание спрайтов плюс ширина / высота на каждом изображении в спрайте

Я использую Compass (CSS Framework) для создания изображений спрайтов. Это работает, но компас генерирует только фоновую позицию для каждого изображения.

Можно ли получить также ширину и высоту для каждого изображения в спрайте?

Это мой код:

@import "ico/*.png";
@include all-ico-sprites;

Сгенерированный код :

.ico-sprite, .ico-bag-blue, .ico-bag-black {
  background: url('../images/ico-s78b1a1919b.png') no-repeat;
}

.ico-bag-blue {
  background-position: 0 0;
}

.ico-bag-black {
  background-position: 0 -24px;
}

И код, который я хотел бы иметь:

.ico-sprite, .ico-bag-blue, .ico-bag-black {
  background: url('../images/ico-s78b1a1919b.png') no-repeat;
}

.ico-bag-blue {
  background-position: 0 0;
  width:40px;
  height:24px;
}

.ico-bag-black {
  background-position: 0 -24px;
  width:44px;
  height:30px;
}

Кто-нибудь может объяснить мне, как я могу это сделать? Спасибо.

32
задан Etienne 28 August 2011 в 00:01
поделиться