all-dirname-sprites()みたいに、スプライトの元画像のファイル名を列挙したクラス名を付けたい場合、sprite-names($map)で個々の名前が取れる。
@import "sprite/*.png";
$spr-imgs: sprite-map("sprite/*.png");
// 2倍に拡大して表示する用にbackground-positionを指定するmixin
@mixin low-reso-sprites($name){
$ypos: round(nth(sprite-position($spr-imgs, $name), 2) *2);
background-position: 0 $ypos;
}
// クラス出力
@each $sprite-name in sprite-names($spr-imgs) {
.#{$sprite-name} {
@include low-reso-sprites($sprite-name);
}
}