From f5955cf405ea2e3b13837b9e574d7d96aabae94f Mon Sep 17 00:00:00 2001
From: Sarah Vaupel <sarah.vaupel@uniworx.de>
Date: Fri, 19 May 2023 19:25:02 +0000
Subject: [PATCH] add basic header css

---
 frontend/src/main.sass | 41 ++++++++++++++++++++++++++++++++++++-----
 1 file changed, 36 insertions(+), 5 deletions(-)

diff --git a/frontend/src/main.sass b/frontend/src/main.sass
index 9220f51..5bbf786 100644
--- a/frontend/src/main.sass
+++ b/frontend/src/main.sass
@@ -1,7 +1,38 @@
-nav ul
-  list-style-type: none
-  margin: 0
-  padding: 0
+header
+  width: 100vw
+  min-height: 50px
 
-  li
+  background-color: green
+  color: white
+  font-weight: 600
+
+  a
+    color: white
+    text-decoration: none
+    &:hover
+      color: white
+      text-decoration: none
+
+  // parent menu
+  & > nav ul
     display: inline
+    list-style-type: none
+    margin: 0
+    padding: 0
+
+    // menu items
+    li
+      display: inline
+      margin: 0 10px
+      padding: 2px 10px
+      line-height: 1.5rem
+
+      & > ul
+        display: none
+        position: absolute
+        z-index: 1
+
+      &:hover
+        background-color: red
+        & > ul
+          display: block