N-archive/hacks-guide-minimal-mistakes-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix media query width

Browse source
This commit is contained in:
Michael Rose 2016-11-21 09:50:08 -05:00
parent 3843a4bc93
commit 5ff2dcce4a
1 changed files with 18 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
docs/_sass/_navigation.scss
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,23 +385,23 @@
input:checked + label:hover:after { input:checked + label:hover:after {
transform: rotate(0); transform: rotate(0);
} }
}
ul { ul {
margin-bottom: 1em; margin-bottom: 1em;
}
a {
display: block;
padding: 0.25em 0;
@include breakpoint($large) {
padding-top: 0.125em;
padding-bottom: 0.125em;
} }
&:hover { a {
text-decoration: underline; 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; 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);