add basic header css

2023-05-19 19:25:02 +00:00 · 2023-05-19 19:25:02 +00:00 · f5955cf405
commit f5955cf405
parent 59a6a0b55e
1 changed files with 36 additions and 5 deletions
--- 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