Posts Tagged ‘COMPASS’

images

一番理解しやすかったやり方を備忘録。

@import "compass";
@import "../img/icons/*.png";
@include all-icons-sprites;

$sprites: sprite-map("../img/icons/*.png");

.btn {
	background-image: $sprites;
	background-position: sprite-position( $sprites, facebook );
	&:hover{
		background-position: sprite-position( $sprites, facebook_off );
	}
	width:52px;
	height:52px;
}