Skip to content

Instantly share code, notes, and snippets.

@faruk09
Created September 17, 2019 10:28
Show Gist options
  • Save faruk09/a17511bfb2168376b4cedf2902b008cd to your computer and use it in GitHub Desktop.
Save faruk09/a17511bfb2168376b4cedf2902b008cd to your computer and use it in GitHub Desktop.
/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
}
/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
}
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
}
/* Extra small Device. */
@media (max-width: 767px) {
}
/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {
}
/* retina query */
@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:991.98px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:991.98px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:991.98px),only screen and (min-device-pixel-ratio:2) and (max-width:991.98px),only screen and (min-resolution:192dpi) and (max-width:991.98px),only screen and (min-resolution:2dppx) and (max-width:991.98px){
.logo .standard-logo{
display: none;
}
.logo .retina-logo{
display: inline-block;
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){
.logo .standard-logo{
display: none;
}
.logo .retina-logo{
display: inline-block;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment