罗盘:如何获得自动生成的精灵的位置

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