【发布时间】：2014-06-04 07:40:23
【问题描述】：
更新 - 20140614：
在没有得到这个问题的任何答案之后，或者在 github 上，
我决定想出我自己的解决方案来解决这个问题。
我用 Compass 做很多事情，
但它的主要用途在于它能够生成图像精灵。
大多数其他事情都可以使用纯 SCSS 来完成。
因此，我写了broccoli-sprite。 这与 ember-cli 对 SCSS 的内置支持结合使用 使用broccoli-sass， 能够满足我的需求。
你可以read more about the process here。
原问题：
使用 Sass，但没有 Compass，是否可以创建 CSS 精灵？
我正在寻找一种方法来完成与此 Sass + Compass 相同的输出：
@import"compass/utilities/sprites";
$icon-layout: smart;
$icon-sprite-dimensions: true;
@import"icon/*.png";
@include all-icon-sprites;
@import"compass/css3/images";
基本上这将包括两件事：
- 将多个图像连接在一起
- 生成 CSS 类，使
background-image指向连接的图像，以及它的坐标和尺寸以显示连接图像的右侧部分。
后者，生成 CSS 类应该可以使用 Sass，但是，前者，连接多个图像，可能吗？如果是这样，如何做到这一点？
注意：我不确定以前是否有人这样做过，主要是因为谷歌搜索“使用 sass 没有罗盘的图像精灵”和“使用 sass -compass 的图像精灵”根本没有返回任何相关结果。
【问题讨论】：
-
请考虑选择/支持答案。
-
@lolmaus-AndreyMikhaylov 感谢您的提示，我一直没有关注这个问题，this instead。
标签： css sass sprite compass-sass css-sprites