_sass/_navigation.scss in minimal-mistakes-jekyll-4.0.8 vs _sass/_navigation.scss in minimal-mistakes-jekyll-4.0.9
- old
+ new
@@ -429,11 +429,11 @@
}
@include breakpoint(max-width ($large - 1px)) {
position: relative;
max-height: 0;
- opacity: 0;
+ opacity: 0%;
overflow: hidden;
z-index: 10;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-webkit-transform: translate(0, 10%);
@@ -444,10 +444,10 @@
@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;
+ max-height: 9999px; // exaggerate max-height to accommodate tall lists
overflow: visible;
opacity: 1;
margin-top: 1em;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
\ No newline at end of file