Я использую 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;
}
Кто-нибудь может объяснить мне, как я могу это сделать? Спасибо.