split hamburger/dropdown css out- nicer looking index

2025-09-23 18:44:54 -04:00
parent da32526da6
commit 5d07776051
7 changed files with 138 additions and 128 deletions
@@ -0,0 +1,40 @@
+/** DROP DOWN MENU CSS */
+.dropdown {
+  width: 300px;
+}
+
+.dropdown-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px;
+  border: 1px solid var(--gold);
+  cursor: pointer;
+}
+
+.dropdown-arrow {
+  transition: transform 0.3s ease;
+}
+
+.dropdown-arrow.open {
+  transform: rotate(180deg);
+}
+
+.dropdown-content {
+  overflow: hidden;
+  max-height: 0;
+
+  transition: max-height 0.3s ease;
+
+  border-left: 1px solid var(--gold);
+  border-right: 1px solid var(--gold);
+  border-bottom: 1px solid var(--gold);
+}
+
+.dropdown-content.open {
+  max-height: 300px;
+}
+
+.dropdown-body {
+  padding: 10px;
+}