assignment 1

2024-09-20 20:10:37 -04:00
commit 52202eeb6f
42 changed files with 4838 additions and 0 deletions
--- a/practices/24-9-19/css/index.css
+++ b/practices/24-9-19/css/index.css
@@ -0,0 +1,50 @@
+@import 'common.css';
+
+header {
+  color: white;
+  background-color: var(--color-gray-800);
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 1rem;
+  position: relative;
+
+  .links {
+    display: flex;
+
+    a {
+      padding: 1rem;
+      cursor: pointer;
+
+      &:hover {
+        background-color: var(--color-gray-900);
+      }
+    }
+  }
+
+  .dropdown {
+    display: none;
+    background-color: var(--color-gray-800);
+    padding: 1rem;
+    border-radius: 1rem;
+    position: absolute;
+    right: 1rem;
+    top: calc(100% + 0.5rem);
+    flex-direction: column;
+
+    a {
+      padding: 0.5rem;
+      border-radius: 0.5rem;
+      cursor: pointer;
+
+      &:hover {
+        background-color: var(--color-gray-900);
+      }
+    }
+  }
+
+  a:hover + .dropdown {
+    display: flex;
+  }
+}