twe4ked
/ input.scss
Created
December 5, 2011 06:27
FREE! Sass (SCSS) mixin for including retina images (useful when developing for iOS).
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
| @mixin background-image-retina($file, $type, $width, $height) { | |
| background-image: url($file + '.' + $type); | |
| @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) { | |
| & { | |
| background-image: url($file + '@2x.' + $type); | |
| -webkit-background-size: $width $height; | |
| } | |
| } | |
| } |
chriseppstein
/ 1_slower_sprite_file.scss
Created
December 20, 2010 03:11
This gist demonstrates how a generated sprite file can be optimized to shave some time off your compile.
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
| @import "compass/utilities/sprites/base"; | |
| // General Sprite Defaults | |
| // You can override them before you import this file. | |
| $emblem-sprite-base-class: ".emblem-sprite" !default; | |
| $emblem-sprite-dimensions: false !default; | |
| $emblem-position: 0% !default; | |
| $emblem-spacing: 0 !default; | |
| $emblem-repeat: no-repeat !default; |