Compass Sprite use

gistfile1.scss

////// sprite 自動
@import "my-icons/*.png";
@include all-my-icons-sprites; 
//@all-< folder_name >-sprites;


////// sprite 半自動
@import "my-icons/*.png";
.foo .ico{
	@include my-icons-sprite(icon1); //寫出position 
}
@include my-icons-sprites; //寫出全部


////// sprite 手動
$map: sprite-map("icons/*.png",
	$position: 6px, //偏移
	$spacing: 6px,
	$repeat: no-repeat
);

$icons_names: sprite_names($map);

.foo .icon{
	background: $map no-repeat;
}
@each $i in $icons_names {
	.foo{
		span.ico#{$i} {
			background-position: sprite-position($map, #{$i}, 3px, 3px); //補偏移
		}
	}
}