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

Question

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

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

然后我试图使用精灵位置方法获得位置：

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);