sass - 指南针精灵布局

Question

如何将布局传递给我的精灵，像这样调用它们？

$sprite-global : sprite-map(
    "sprites/global/*.png",
    $sprite-global-layout: smart
);

这$sprite-global-layout: smart完全被忽略了。

Answer 1

我能够通过将它们作为变量插入来使其工作：

$sprites: sprite-map("sprites/*.png", $layout: vertical, $spacing:20px);

Answer 2

根据文档，它应该像这样应用：

$sprite-global-layout: smart;
$sprite-global:        sprite-map("sprites/global/*.png");

Answer 3

因此，显然目录没有附加到布局变量的名称中，所以这确实有效：

$global-layout: smart;
@import "sprites/global/*.png";

此外，使用精灵图而不是 @import 来设置它们可能会出现问题；见https://github.com/chriseppstein/compass/issues/1024