Restructuring components and styling

2018-07-06 17:33:36 +02:00
parent 416017807a
commit 6469d1bcfa
8 changed files with 71 additions and 62 deletions
--- a/src/components/Header.css
+++ b/src/components/Header.css
@@ -46,3 +46,18 @@
  -webkit-transform-origin: 15% 95%;
  transform-origin: 15% 95%;
 }
+
+.panel:before {
+  content: '';
+  background-color: rgba(0, 0, 0, 0);
+  transition: background-color 0.5s ease-in-out;
+}
+
+.panel-open:before {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 99;
+}