Fix media query width

This commit is contained in:
Michael Rose 2016-11-21 09:50:08 -05:00
parent 3843a4bc93
commit 5ff2dcce4a

View file

@ -321,7 +321,7 @@
display: none; display: none;
} }
@include breakpoint(max-width $large) { @include breakpoint(max-width ($large - 1px)) {
label { label {
position: relative; position: relative;
@ -385,7 +385,6 @@
input:checked + label:hover:after { input:checked + label:hover:after {
transform: rotate(0); transform: rotate(0);
} }
}
ul { ul {
margin-bottom: 1em; margin-bottom: 1em;
@ -404,6 +403,7 @@
text-decoration: underline; text-decoration: underline;
} }
} }
}
} }
.nav__list .nav__items { .nav__list .nav__items {
@ -428,7 +428,7 @@
} }
} }
@include breakpoint(max-width $large) { @include breakpoint(max-width ($large - 1px)) {
position: relative; position: relative;
max-height: 0; max-height: 0;
opacity: 0; opacity: 0;
@ -442,13 +442,13 @@
} }
} }
@include breakpoint(max-width $large) { @include breakpoint(max-width ($large - 1px)) {
.nav__list input:checked ~ .nav__items { .nav__list input:checked ~ .nav__items {
-webkit-transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;
max-height: 100vh; max-height: 100vh;
opacity: 1;
overflow: visible; overflow: visible;
opacity: 1;
margin-top: 1em; margin-top: 1em;
-webkit-transform: translate(0, 0); -webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0); -ms-transform: translate(0, 0);