Skip to content

Instantly share code, notes, and snippets.

@trst

trst/SASS Retina Background Images

Created March 12, 2013 23:43
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save trst/5148127 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save trst/5148127 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. trst created this gist Mar 12, 2013.
    6 changes: 6 additions & 0 deletions SASS Retina Background Images
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,6 @@
    // Retina Background Images
    // Via Jason Zimdars https://37signals.com/svn/posts/3271-easy-retina-ready-images-using-scss
    @mixin image-2x($image, $width, $height)
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx)
    background-image: url($image)
    background-size: $width $height