Skip to content

Instantly share code, notes, and snippets.

@averyvery

averyvery/mobile.css.scss

Created July 3, 2012 23:16
Show Gist options
  • Star 10 You must be signed in to star a gist
  • Fork 3 You must be signed in to fork a gist
  • Save averyvery/3044096 to your computer and use it in GitHub Desktop.
Save averyvery/3044096 to your computer and use it in GitHub Desktop.
Download ZIP
Mobile image
Raw
mobile.css.scss
@mixin mobile_bg($file){
background-image: image-url('mobile/standard/#{$file}');
@media screen and (-webkit-min-device-pixel-ratio: 2) {
background-image: image-url('mobile/retina/#{$file}');
background-size: image-width('mobile/standard/#{$file}') image-height('mobile/standard/#{$file}');
}
}
// Usage
.footer {
@include mobile_bg('footer.png');
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment