From bab77656bb6faeff9727d05ec7bd7a038ec244b6 Mon Sep 17 00:00:00 2001
From: Joseph Ting <josephting@users.noreply.github.com>
Date: Wed, 21 Nov 2018 11:37:10 +0000
Subject: [PATCH] Update deprecated device-width media queries (#120)
---
assets/scss/_navigation_inverted.scss | 10 +++++-----
1 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/assets/scss/_navigation_inverted.scss b/assets/scss/_navigation_inverted.scss
index 2c1c373..4cdbb48 100644
--- a/assets/scss/_navigation_inverted.scss
+++ b/assets/scss/_navigation_inverted.scss
@@ -12,19 +12,19 @@
}
}
.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 @@
}
.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 @@
}
}
-}
\ No newline at end of file
+}
--
Gitblit v1.10.0