Update deprecated device-width media queries (#120)

This commit is contained in:
Joseph Ting
2018-11-21 20:37:10 +09:00
committed by Luiz F. A. de Prá
parent d89edf3e1b
commit bab77656bb
8 changed files with 30 additions and 30 deletions

View File

@@ -12,19 +12,19 @@ body.inverted {
}
}
.navigation-list {
@media only screen and (max-device-width : 768px) {
@media only screen and (max-width : 768px) {
background-color: $bg-color-inverted;
border-top: solid 2px $alt-bg-color-inverted;
border-bottom: solid 2px $alt-bg-color-inverted;
}
.menu-separator {
@media only screen and (max-device-width : 768px) {
@media only screen and (max-width : 768px) {
border-top: 2px solid $fg-color-inverted;
}
}
}
#menu-toggle {
@media only screen and (max-device-width : 768px) {
@media only screen and (max-width : 768px) {
&:checked + label {
color: $alt-bg-color-inverted;
}
@@ -32,7 +32,7 @@ body.inverted {
}
.menu-button {
display: none;
@media only screen and (max-device-width : 768px) {
@media only screen and (max-width : 768px) {
color: $fg-color-inverted;
&:hover,
&:focus {
@@ -42,4 +42,4 @@ body.inverted {
}
}
}
}