0

如何使用 compass sass 生成具有最少空白空间的精灵？
我找不到任何设置选项来获得精灵图功能的智能布局。
但我发现

$dropcap-layout:smart
@import "dropcap/*.png";
can do the job.

但不适用于精灵图功能。有人帮忙吗？

$map: sprite-map("sprite_common/*.png");
%sprite_common{
    background-image: sprite-url($map);
    background-repeat: no-repeat;
}

@mixin common_output($sprite){
    @extend %sprite_common;
    width: image-width(sprite-file($map, $sprite));
    height: image-height(sprite-file($map, $sprite));
    background-position: sprite-position($map,$sprite);
}

.top_tabs .arrow{
    @include common_output(checkout_setting__crumb_arrow);
} 

.uc_pagination .previous .arrow{
    @include common_output(account__center_prev_page);
}
......

在此处输入图像描述

顺便说一句，如何生成没有随机字符的精灵 png？
例如，我想要 sprite_common.png 但不是 sprite_common-s2788fbf16e.png

4

0 回答 0