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.scss | 10 +++++-----
1 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/assets/scss/_navigation.scss b/assets/scss/_navigation.scss
index 0b21015..31cf0f5 100644
--- a/assets/scss/_navigation.scss
+++ b/assets/scss/_navigation.scss
@@ -24,7 +24,7 @@
list-style: none;
margin-bottom: 0;
margin-top: 0;
- @media only screen and (max-device-width : 768px) {
+ @media only screen and (max-width : 768px) {
position: absolute;
top: 6.0rem;
right: 0;
@@ -43,7 +43,7 @@
float: left;
margin: 0;
position: relative;
- @media only screen and (max-device-width : 768px) {
+ @media only screen and (max-width : 768px) {
float: none !important;
text-align: center;
a, span {
@@ -56,7 +56,7 @@
}
}
.menu-separator {
- @media only screen and (max-device-width : 768px) {
+ @media only screen and (max-width : 768px) {
border-top: 2px solid $fg-color;
margin: 0 8.0rem;
span {
@@ -67,7 +67,7 @@
}
#menu-toggle {
display: none;
- @media only screen and (max-device-width : 768px) {
+ @media only screen and (max-width : 768px) {
&:checked + label {
color: $alt-bg-color;
}
@@ -80,7 +80,7 @@
}
.menu-button {
display: none;
- @media only screen and (max-device-width : 768px) {
+ @media only screen and (max-width : 768px) {
display: block;
font-size: 2.4rem;
font-weight: 400;
--
Gitblit v1.10.0