Sass media query for high resolution (with optional min-width version)

_mq-high-res.scss

// _mq-high-res.scss

@mixin mq-high-res {
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3),
         only screen and (-o-min-device-pixel-ratio: 13/10),
         only screen and (min-resolution: 120dpi)
  {
    @content;
  }
}

@mixin mq-high-res-min-width($mq) {
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3) and (min-width: $mq),
         only screen and (-o-min-device-pixel-ratio: 13/10) and (min-width: $mq),
         only screen and (min-resolution: 120dpi) and (min-width: $mq)
  {
    @content;
  }
}