Browser Media Queries

other_browser_media_queries.scss

// Webkit (Chrome & Safari, any version)
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  // style.
}

// Firefox (any version)
@-moz-document url-prefix() {
  // style.
}

// Safari (7.1+)
_::-webkit-full-page-media, _:future, :root .safari_only {
  // style.
}

// Safari (from 6.1 to 10.0)
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
  @media {
    // style.
  }
}

// Safari (10.1+)
@media not all and (min-resolution:.001dpcm) { 
  @media {
    // style.
  }
}