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;
}
@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);