Retina Sass mixin

retina-mixin.scss

// Need autoprefixer to generate browser prefix needed
@mixin retina {
  @media
    (min-device-pixel-ratio: 2),
    (min-resolution: 192dpi),
    (min-resolution: 2dppx) {
    @content;
  }
}