🐞 fix: Update main nav styling
Sync TODOs with Issues / sync_todos (push) Successful in 6s

Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
Keith Solomon
2026-05-10 15:27:44 -05:00
parent 7511649cc8
commit 489e0acb38
+16 -9
View File
@@ -26,9 +26,14 @@
/* spacing & display */ /* spacing & display */
@apply flex items-center px-4 -my-4 no-underline; @apply flex items-center px-4 -my-4 no-underline;
height: calc(100% + 2rem); height: calc(100% + 2rem);
}
/* interaction */ /* Hover state: triggered by li so it persists when moving into the submenu.
&:hover { Also triggered when a submenu is open (e.g. via keyboard/click). */
&:hover,
&:has(.menu-vdi__toggle[aria-expanded="true"]) {
>a,
>.menu-vdi__toggle {
@apply bg-cwc-blue-02 text-light; @apply bg-cwc-blue-02 text-light;
box-shadow: inset 0 -4px 0 #F26B53; box-shadow: inset 0 -4px 0 #F26B53;
} }
@@ -37,17 +42,18 @@
&.menu-vdi__item--contact { &.menu-vdi__item--contact {
@apply h-auto; @apply h-auto;
/* Override the li:hover rule above — contact keeps its own button style */
&:hover > a {
@apply bg-transparent;
box-shadow: none;
}
>a { >a {
@apply ml-2 mr-0 my-0; @apply ml-2 mr-0 my-0;
height: auto; height: auto;
background: linear-gradient(93.03deg, #F26B53 0%, #D24D32 100%); background: linear-gradient(93.03deg, #F26B53 0%, #D24D32 100%);
border-radius: 1.25rem 0.25rem; border-radius: 1.25rem 0.25rem;
padding: .5rem 2rem; padding: .5rem 2rem;
&:hover {
box-shadow: none;
background: linear-gradient(93.03deg, #F26B53 0%, #D24D32 100%);
}
} }
} }
} }
@@ -63,11 +69,12 @@
.menu-vdi__submenu { .menu-vdi__submenu {
top: calc(100% + 1rem); top: calc(100% + 1rem);
@apply bg-cwc-blue-02 shadow-lg left-4 w-64 flex-col; @apply bg-cwc-blue-02 shadow-lg left-0 w-64 flex-col rounded-b-lg ml-0;
>li { >li {
@apply w-full border-b border-[#D24D32]; @apply w-full border-b border-[#D24D32];
&:last-child { @apply border-b-0; }
&:last-child { @apply border-b-0 rounded-b-lg; }
} }
.menu-vdi__item { .menu-vdi__item {