sass - 指南针 - 如何从一个文件夹生成两个或多个精灵布局

Question

我是 Sass / Compass 的新手。我试图生成精灵，它没有任何问题。

我找不到如何从一个带有图像的文件夹中生成两个精灵布局。我不想创建 2 个具有相同内容的文件夹（仅因为 2 个或更多不同的精灵布局而重复图像）。

有可能做到这一点吗？

我的代码生成一组精灵（对角线），现在我想生成水平和垂直..

$vlajky-spacing: 20px;
$vlajky-layout: diagonal;
@import "vlajky/*.png";
@include all-vlajky-sprites;

Answer 1

我遇到了这个问题，最好的办法是生成两个精灵贴图，您需要做的就是将它们放在单独的文件夹中，具体取决于您希望它们出现在哪个文件夹中。这样您也可以有单独的间距/定位规则。

@import "vlajky-horizontal/*.png";
@import "vlajky-vertical/*.png";

@include all-vlajky-horizontal-sprites;
@include all-vlajky-vertical-sprites;