Fix media query width
This commit is contained in:
parent
3843a4bc93
commit
5ff2dcce4a
1 changed files with 18 additions and 18 deletions
|
@ -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);
|
||||||
|
|
Loading…
Reference in a new issue