From 3843a4bc939217c8af7c7e79222eac64f8550503 Mon Sep 17 00:00:00 2001
From: Michael Rose <est.michael@gmail.com>
Date: Mon, 21 Nov 2016 09:49:30 -0500
Subject: [PATCH 1/2] Fix media query width

---
 _sass/_navigation.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/_sass/_navigation.scss b/_sass/_navigation.scss
index 48bd3f6d..08ba30e3 100644
--- a/_sass/_navigation.scss
+++ b/_sass/_navigation.scss
@@ -321,7 +321,7 @@
     display: none;
   }
 
-  @include breakpoint(max-width $large) {
+  @include breakpoint(max-width ($large - 1px)) {
 
     label {
       position: relative;
@@ -428,7 +428,7 @@
     }
   }
 
-  @include breakpoint(max-width $large) {
+  @include breakpoint(max-width ($large - 1px)) {
     position: relative;
     max-height: 0;
     opacity: 0;
@@ -442,7 +442,7 @@
   }
 }
 
-@include breakpoint(max-width $large) {
+@include breakpoint(max-width ($large - 1px)) {
   .nav__list input:checked ~ .nav__items {
     -webkit-transition: 0.5s ease-in-out;
     transition: 0.5s ease-in-out;

From 5ff2dcce4a250afb355051847d7542276d423b35 Mon Sep 17 00:00:00 2001
From: Michael Rose <est.michael@gmail.com>
Date: Mon, 21 Nov 2016 09:50:08 -0500
Subject: [PATCH 2/2] Fix media query width

---
 docs/_sass/_navigation.scss | 36 ++++++++++++++++++------------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/docs/_sass/_navigation.scss b/docs/_sass/_navigation.scss
index 3607ebbb..08ba30e3 100644
--- a/docs/_sass/_navigation.scss
+++ b/docs/_sass/_navigation.scss
@@ -321,7 +321,7 @@
     display: none;
   }
 
-  @include breakpoint(max-width $large) {
+  @include breakpoint(max-width ($large - 1px)) {
 
     label {
       position: relative;
@@ -385,23 +385,23 @@
     input:checked + label:hover:after {
       transform: rotate(0);
     }
-  }
 
-  ul {
-    margin-bottom: 1em;
-  }
-
-  a {
-    display: block;
-    padding: 0.25em 0;
-
-    @include breakpoint($large) {
-      padding-top: 0.125em;
-      padding-bottom: 0.125em;
+    ul {
+      margin-bottom: 1em;
     }
 
-    &:hover {
-      text-decoration: underline;
+    a {
+      display: block;
+      padding: 0.25em 0;
+
+      @include breakpoint($large) {
+        padding-top: 0.125em;
+        padding-bottom: 0.125em;
+      }
+
+      &:hover {
+        text-decoration: underline;
+      }
     }
   }
 }
@@ -428,7 +428,7 @@
     }
   }
 
-  @include breakpoint(max-width $large) {
+  @include breakpoint(max-width ($large - 1px)) {
     position: relative;
     max-height: 0;
     opacity: 0;
@@ -442,13 +442,13 @@
   }
 }
 
-@include breakpoint(max-width $large) {
+@include breakpoint(max-width ($large - 1px)) {
   .nav__list input:checked ~ .nav__items {
     -webkit-transition: 0.5s ease-in-out;
     transition: 0.5s ease-in-out;
     max-height: 100vh;
-    opacity: 1;
     overflow: visible;
+    opacity: 1;
     margin-top: 1em;
     -webkit-transform: translate(0, 0);
         -ms-transform: translate(0, 0);