progress responsive design

fbohz · Jun 28, 2020 · 832e280 · 832e280
1 parent a504836
commit 832e280
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/museo-demo/css/style.css b/museo-demo/css/style.css
@@ -871,6 +871,7 @@ body {
   top: 0;
   left: 0;
   z-index: 1500;
+  display: none;
   opacity: 0;
   width: 0;
   transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
@@ -912,6 +913,8 @@ body {
 
 .navigation__checkbox:checked ~ .navigation__nav {
   opacity: 1;
+  display: block;
+  transition: all ease-in;
   width: 100%; }
 
 .navigation__icon {

diff --git a/museo-demo/sass/layout/_navigation.scss b/museo-demo/sass/layout/_navigation.scss
@@ -58,7 +58,7 @@
         top: 0;
         left: 0;
         z-index: 1500;
-
+        display: none;
         opacity: 0;
         width: 0;
         transition: all .8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
@@ -116,6 +116,8 @@
     // navigation is visible
     &__checkbox:checked ~ &__nav {
         opacity: 1;
+        display: block;
+        transition: all ease-in;
         width: 100%;
     }