SASS Retina Background Mixin

gistfile1.scss

// retina background mixin with compass
@mixin pretty-image($image, $retina-image) {
  background-image: url($image);
  @media (-webkit-min-device-pixel-ratio: 1.5),
         (min-resolution: 1.5dppx)  {
    background-image: url($retina-image);
    background-size: image-width($image) image-height($image);
  }
}


// retina background mixin w/o compass
@mixin pretty-image($image, $image-size, $image-width, $retina-image) {
  background-image: url($image);
  @media (-webkit-min-device-pixel-ratio: 1.5),
         (min-resolution: 1.5dppx)  {
    background-image: url($retina-image);
    background-size: $image-width $image-height;
  }
}