精灵图像仅纵向排列

Question

似乎浪费了太多空间。我希望它更像这样：http://style.aliunicorn.com/wimg/site/group-en/ru/buyer/sprite/header-sprite.png?t=15eb4a27_0

我的.scss：

$icon-sprite-dimensions: true;
@import "compass/utilities/sprites";
@import "index/icon/*.png";
@include all-icon-sprites; 

如何设置.scss配置文件？

Answer 1

使用“智能”布局配置选项。

$mysprite-layout: smart;

http://compass-style.org/help/tutorials/spriting/sprite-layouts/