Spriting с компасом - иконки должны быть одинакового размера? - PullRequest
Новая
       6

Spriting с компасом - иконки должны быть одинакового размера?

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

Должны ли иконки, которые образуют спрайт, быть одинакового размера?

Я вижу значок «текущее меню» в верхнем левом углу div и ниже, внутри div, значок, который следует за ним внутри спрайта, который больше.

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

li.current {
    @include marker-sprite(current-menu);
    ...

Я делаю это неправильно?

Заранее спасибо.

1 Ответ

1 голос
/ 26 января 2012

Компас объединяет все ваши изображения по вертикали, независимо от их размера, в одно изображение.Затем следует рассчитать высоту каждого изображения и назначить его в качестве смещения положения фона.Если ваш li имеет высоту, скажем, 20 пикселей, а значок current-menu имеет высоту 16 пикселей, вы увидите часть следующего изображения в спрайте.

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

...