Skip to content

Instantly share code, notes, and snippets.

@pablohart

pablohart/SpriteAlignCenter.sass

Created September 12, 2012 12:33
Show Gist options
  • Save pablohart/3706320 to your computer and use it in GitHub Desktop.
Save pablohart/3706320 to your computer and use it in GitHub Desktop.
Download ZIP
Compass Sprites
Raw
SpriteAlignCenter.sass
$sprites-nameofimage-position: 50%
h2
+sprites-sprite(nameofimage, $offset-x: 50%, $offset-y: 0px)
Raw
SpriteAlignRight.css
h2
background: url(nameofimage.png) no-repeat right 0
Raw
SpriteAlignRight.sass
h2
+sprites-sprite(nameofimage, $offset-x: 100%, $offset-y: 0)
Raw
SpriteAlignRightDefinition.sass
$sprites-nameofimage-position: 100%
Raw
SpriteLayoutHorizontal.sass
$sprites-horiz-layout: horizontal
Raw
SpriteOffset.css
h2
background: url(nameofimage.png) no-repeat 3px 9px
Raw
SpriteOffset.sass
h2
+sprites-sprite(nameofimage, $offset-x: 3px, $offset-y: 9px)
Raw
SpriteSheet.css
background: url("/assets/sprites-sa34a6d7aa5-e851c4ce7c78d99f04f7855226a50cfc.png") no-repeat scroll 0 0 transparent
background-position: 0 -202px
Raw
SpriteSpacing.sass
$sprites-spacing: 14px
Raw
SpriteSpacingSpecific.sass
$sprites-nameofimage-spacing: 30px
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment