Skip to content

Instantly share code, notes, and snippets.

@sandosh
Created October 22, 2015 20:07
Show Gist options
  • Save sandosh/60be6438a0b604880d72 to your computer and use it in GitHub Desktop.
Save sandosh/60be6438a0b604880d72 to your computer and use it in GitHub Desktop.
@mixin cssSprite( $spriteVals ) {
width: nth( $spriteVals, 1 );
height: nth( $spriteVals, 2 );
background-repeat: no-repeat;
background-image: url( #{ nth( $spriteVals, 3 ) } );
background-position: nth( $spriteVals, 4 ) nth( $spriteVals, 5 );
@media only screen and ( -webkit-min-device-pixel-ratio: 2 ), only screen and ( min-device-pixel-ratio: 2 ) {
background-image: url( #{ nth( $spriteVals, 6 ) } );
background-size: $bgiSizeW $bgiSizeH;
}
}
$iPad LandscapePath: '../img/iPad Landscape';
$iPad LandscapeURL: $iPad LandscapePath + '.png';
$iPad Landscapex2URL: $iPad LandscapePath + '@2.png';
$bgiSizeW: 1024px;
$bgiSizeH: 768px;
$Thumb Up: 100px 100px $iPad LandscapeURL -100px -100px $iPad Landscapex2URL;
$Star: 100px 100px $iPad LandscapeURL 0px -100px $iPad Landscapex2URL;
$Shipped: 100px 100px $iPad LandscapeURL -500px 0px $iPad Landscapex2URL;
$Rotate Right: 100px 100px $iPad LandscapeURL -400px 0px $iPad Landscapex2URL;
$Purchase Order: 100px 100px $iPad LandscapeURL -300px 0px $iPad Landscapex2URL;
$Lamp: 100px 100px $iPad LandscapeURL -200px 0px $iPad Landscapex2URL;
$Floor Plan: 100px 100px $iPad LandscapeURL -100px 0px $iPad Landscapex2URL;
$Chat: 100px 100px $iPad LandscapeURL 0px 0px $iPad Landscapex2URL;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment