add hiding menu bar example

2018-08-22 16:05:44 +02:00
parent 88e56c7b27
commit e3aaa0630c
5 changed files with 78 additions and 4 deletions
--- a/examples/Components/App/style.scss
+++ b/examples/Components/App/style.scss
@@ -3,7 +3,7 @@
 .page {

 	&__content {
-		padding: 2rem;
+		padding: 4rem 1rem;
 	}

 }
@@ -90,10 +90,13 @@

  display: flex;
  margin-bottom: 1rem;
-  visibility: hidden;
-  opacity: 0;
  transition: visibility 0.2s 0.4s, opacity 0.2s 0.4s;

+  &.is-hidden {
+    visibility: hidden;
+    opacity: 0;
+  }
+
  &.is-focused {
    visibility: visible;
    opacity: 1;