Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
/* Logo, hide text */
.header-image .site-title > a {
background: url(images/logo.png) no-repeat center;
float: left;
min-height: 80px;
width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and ( min--moz-device-pixel-ratio: 2),
screen and ( -moz-min-device-pixel-ratio: 2),
screen and ( min-device-pixel-ratio: 2),
screen and ( min-resolution: 192dpi),
screen and ( min-resolution: 2dppx) {
.header-image .site-title > a {
background: url(images/logo@2x.png) no-repeat center;
background-size: 300px 60px;
width: 100%;
}
}
@media screen and (min-width: 1023px) {
.header-image .site-title > a {
background: url(images/logo.png) no-repeat left;
}
}
@media screen and (min-width: 1023px) and (-webkit-min-device-pixel-ratio: 2),
screen and (min-width: 1023px) and (min--moz-device-pixel-ratio: 2),
screen and (min-width: 1023px) and (-moz-min-device-pixel-ratio: 2),
screen and (min-width: 1023px) and (min-device-pixel-ratio: 2),
screen and (min-width: 1023px) and (min-resolution: 192dpi),
screen and (min-width: 1023px) and (min-resolution: 2dppx) {
.header-image .site-title > a {
background: url(images/logo@2x.png) no-repeat left;
background-size: 300px 60px;
width: 100%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.