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

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;