sass - 指南针：如何获取自动生成的精灵的位置

Question

我正在加载并生成我的精灵：

@import "map/*.png";
@include all-map-sprites;

然后我尝试使用 sprite-position 方法获取位置：

background-position: sprite-position($map, icon-name);

这会引发以下错误：

未定义的变量：“$map”。

是否有任何自动分配的变量，如 $map 或 $map-sprite？

提前致谢

Answer 1

尝试这个：

@import "map/*.png";
@include all-map-sprites;

$map: sprite-map("map/*.png");
background-position: sprite-position($map, icon-name);

@TomRoggero 提出了一个更短的变体：

@import "map/*.png";
@include all-map-sprites;

background-position: sprite-position($map-sprites, icon-name);