Created
April 3, 2014 13:03
-
-
Save DarbyBrown/9953891 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// Sass (v3.3.4) | |
// Compass (v1.0.0.alpha.18) | |
// ---- | |
$sprite-coins-x: 0px; | |
$sprite-coins-y: 324px; | |
$sprite-coins-offset-x: 0px; | |
$sprite-coins-offset-y: -324px; | |
$sprite-coins-width: 49px; | |
$sprite-coins-height: 59px; | |
$sprite-coins-total-width: 61px; | |
$sprite-coins-total-height: 383px; | |
$sprite-coins-image: '/assets/images/sprite.png'; | |
$sprite-coins: 0px 324px 0px -324px 49px 59px 61px 383px '/assets/images/sprite.png'; | |
$sprite-linked-in-lite-x: 0px; | |
$sprite-linked-in-lite-y: 52px; | |
$sprite-linked-in-lite-offset-x: 0px; | |
$sprite-linked-in-lite-offset-y: -52px; | |
$sprite-linked-in-lite-width: 31px; | |
$sprite-linked-in-lite-height: 31px; | |
$sprite-linked-in-lite-total-width: 61px; | |
$sprite-linked-in-lite-total-height: 383px; | |
$sprite-linked-in-lite-image: '/assets/images/sprite.png'; | |
$sprite-linked-in-lite: 0px 52px 0px -52px 31px 31px 61px 383px '/assets/images/sprite.png'; | |
$sprite-linked-in-x: 0px; | |
$sprite-linked-in-y: 83px; | |
$sprite-linked-in-offset-x: 0px; | |
$sprite-linked-in-offset-y: -83px; | |
$sprite-linked-in-width: 41px; | |
$sprite-linked-in-height: 41px; | |
$sprite-linked-in-total-width: 61px; | |
$sprite-linked-in-total-height: 383px; | |
$sprite-linked-in-image: '/assets/images/sprite.png'; | |
$sprite-linked-in: 0px 83px 0px -83px 41px 41px 61px 383px '/assets/images/sprite.png'; | |
$sprite-megaphone-x: 0px; | |
$sprite-megaphone-y: 270px; | |
$sprite-megaphone-offset-x: 0px; | |
$sprite-megaphone-offset-y: -270px; | |
$sprite-megaphone-width: 51px; | |
$sprite-megaphone-height: 54px; | |
$sprite-megaphone-total-width: 61px; | |
$sprite-megaphone-total-height: 383px; | |
$sprite-megaphone-image: '/assets/images/sprite.png'; | |
$sprite-megaphone: 0px 270px 0px -270px 51px 54px 61px 383px '/assets/images/sprite.png'; | |
$sprite-phone-lite-large-x: 0px; | |
$sprite-phone-lite-large-y: 124px; | |
$sprite-phone-lite-large-offset-x: 0px; | |
$sprite-phone-lite-large-offset-y: -124px; | |
$sprite-phone-lite-large-width: 46px; | |
$sprite-phone-lite-large-height: 46px; | |
$sprite-phone-lite-large-total-width: 61px; | |
$sprite-phone-lite-large-total-height: 383px; | |
$sprite-phone-lite-large-image: '/assets/images/sprite.png'; | |
$sprite-phone-lite-large: 0px 124px 0px -124px 46px 46px 61px 383px '/assets/images/sprite.png'; | |
$sprite-phone-lite-x: 0px; | |
$sprite-phone-lite-y: 0px; | |
$sprite-phone-lite-offset-x: 0px; | |
$sprite-phone-lite-offset-y: 0px; | |
$sprite-phone-lite-width: 14px; | |
$sprite-phone-lite-height: 26px; | |
$sprite-phone-lite-total-width: 61px; | |
$sprite-phone-lite-total-height: 383px; | |
$sprite-phone-lite-image: '/assets/images/sprite.png'; | |
$sprite-phone-lite: 0px 0px 0px 0px 14px 26px 61px 383px '/assets/images/sprite.png'; | |
$sprite-phone-x: 0px; | |
$sprite-phone-y: 26px; | |
$sprite-phone-offset-x: 0px; | |
$sprite-phone-offset-y: -26px; | |
$sprite-phone-width: 15px; | |
$sprite-phone-height: 26px; | |
$sprite-phone-total-width: 61px; | |
$sprite-phone-total-height: 383px; | |
$sprite-phone-image: '/assets/images/sprite.png'; | |
$sprite-phone: 0px 26px 0px -26px 15px 26px 61px 383px '/assets/images/sprite.png'; | |
$sprite-piggy-x: 0px; | |
$sprite-piggy-y: 170px; | |
$sprite-piggy-offset-x: 0px; | |
$sprite-piggy-offset-y: -170px; | |
$sprite-piggy-width: 61px; | |
$sprite-piggy-height: 48px; | |
$sprite-piggy-total-width: 61px; | |
$sprite-piggy-total-height: 383px; | |
$sprite-piggy-image: '/assets/images/sprite.png'; | |
$sprite-piggy: 0px 170px 0px -170px 61px 48px 61px 383px '/assets/images/sprite.png'; | |
$sprite-trophy-x: 0px; | |
$sprite-trophy-y: 218px; | |
$sprite-trophy-offset-x: 0px; | |
$sprite-trophy-offset-y: -218px; | |
$sprite-trophy-width: 51px; | |
$sprite-trophy-height: 52px; | |
$sprite-trophy-total-width: 61px; | |
$sprite-trophy-total-height: 383px; | |
$sprite-trophy-image: '/assets/images/sprite.png'; | |
$sprite-trophy: 0px 218px 0px -218px 51px 52px 61px 383px '/assets/images/sprite.png'; | |
@function sprite-width($sprite) { | |
@return nth($sprite, 5); | |
} | |
@function sprite-height($sprite) { | |
@return nth($sprite, 6); | |
} | |
@function sprite-position($sprite) { | |
@return nth($sprite, 3) nth($sprite, 4); | |
} | |
@function sprite-image($sprite) { | |
@return nth($sprite, 9); | |
} | |
@mixin sprite($sprite) { | |
background-image: url(sprite-image($sprite)); | |
background-position: sprite-image($sprite); | |
height: sprite-height($sprite); | |
width: sprite-width($sprite); | |
} | |
div { | |
@include sprite($sprite-coins); | |
} | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
div { | |
background-image: url("/assets/images/sprite.png"); | |
background-position: "/assets/images/sprite.png"; | |
height: 59px; | |
width: 49px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment