Skip to content

Instantly share code, notes, and snippets.

@IBestuzhev
Created December 18, 2015 09:32
Show Gist options
  • Save IBestuzhev/afd53975c94c6d9a059d to your computer and use it in GitHub Desktop.
Save IBestuzhev/afd53975c94c6d9a059d to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// libsass (v3.3.2)
// ----
$images: (
icon1: (0, 0),
icon2: (0, 1),
icon3: (5, 2)
);
@mixin iconSprite($size, $name) {
$position: map-get($images, $name);
$row : nth($position, 1);
$col: nth($position, 2);
background-image: url(sprites/72/#{$size}.png);
background-position: -$size*$row+px, -$size*$col+px;
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
background-image: url(sprites/264/#{$size}.png);
background-position: -$size*$row+px, -$size*$col+px;
background-size: $size+px, $size+px;
}
}
.btn-icon3 {
@include iconSprite(24, icon3)
}
.btn-icon3 {
background-image: url(sprites/72/24.png);
background-position: -120px, -48px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.btn-icon3 {
background-image: url(sprites/264/24.png);
background-position: -120px, -48px;
background-size: 24px, 24px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment