Skip to content

Instantly share code, notes, and snippets.

@DarbyBrown
Created April 3, 2014 13:03
Show Gist options
  • Save DarbyBrown/9953891 to your computer and use it in GitHub Desktop.
Save DarbyBrown/9953891 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// 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);
}
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