Skip to content

Instantly share code, notes, and snippets.

@gcpantazis
Created July 9, 2012 17:55
Show Gist options
  • Save gcpantazis/3077894 to your computer and use it in GitHub Desktop.
Save gcpantazis/3077894 to your computer and use it in GitHub Desktop.
Compass - Subjectively Better Sprite Mixin
$icons: sprite-map("icons/*.png");
$icons-background: sprite-url($icons) no-repeat transparent;
@mixin icons-image-replacement($sprite) {
background: $icons-background;
background-position: sprite-position($icons, $sprite);
border: 0;
color: transparent;
display: block;
font: 0/0 a;
height: image-height(sprite-file($icons, $sprite));
text-shadow: none;
width: image-width(sprite-file($icons, $sprite));
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment