如何使用罗盘sass生成具有最少空白空间的精灵?

时间:2012-12-15 08:27:17

标签: css compass-sass css-sprites

如何使用罗盘sass生成空间最小的精灵? 我找不到任何设置选项来获得sprit-map功能的智能布局 但我发现了

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

但不是sprite-map function.anyone help?

$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);
}
......

enter image description here

顺便说一句,如何在没有radom charater的情况下进行sprite png的转换? 例如,我想要sprite_common.png但不是sprite_common-s2788fbf16e.png

0 个答案:

没有答案