Solo-Web-Works/CWC
1
0
Fork 0
Code Issues 1 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

✨feature: Build desktop header
Sync TODOs with Issues / sync_todos (push) Successful in 5s
Details

Browse Source 
Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
Keith Solomon
2026-05-02 14:41:25 -05:00
parent 81f5bbf906
commit 4257f96d0b
7 changed files with 68 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/navigation/nav-main-default.css
+42 -40
View File
@@ -12,56 +12,58 @@
/* desktop */
@media screen and (min-width: 62.5rem) {
.nav-main .menu-vdi {
@apply flex items-center justify-end p-0 m-0;
.nav-main .menu-vdi {
@apply flex items-end justify-end p-0 m-0;
>li {
>a,
>.menu-vdi__toggle {
/* text*/
@apply font-bold text-20px text-black hover:text-light no-underline leading-snug;
/* spacing & display */
@apply mx-4 p-0 no-underline;
}
>li {
>a,
>.menu-vdi__toggle {
/* text styles */
@apply font-semibold text-20px text-white hover:text-light no-underline leading-snug;
/* spacing & display */
@apply mx-2 p-0 no-underline;
}
&.menu-vdi__item--contact {
>a {
background: linear-gradient(93.03deg, #F26B53 0%, #D24D32 100%);
border-radius: 20px 4px;
padding: .5rem 2rem;
}
}
}
}
}
}
@media screen and (min-width: 62.5rem) {
.menu-vdi {
.menu-vdi__toggle {
@apply flex items-center gap-2;
}
.menu-vdi {
.menu-vdi__toggle { @apply flex items-center gap-2 hover:cursor-pointer; }
.menu-vdi__item--parent {
@apply relative;
}
.menu-vdi__item--parent { @apply relative; }
.menu-vdi__submenu {
@apply bg-white shadow-lg left-4 w-64 flex-col;
top: calc(100% + 1rem);
.menu-vdi__submenu {
top: calc(100% + 1rem);
>li {
@apply w-full;
}
@apply bg-white shadow-lg left-4 w-64 flex-col;
.menu-vdi__item {
/* text */
@apply font-bold text-18px text-black hover:text-light no-underline leading-snug;
/* spacing & display */
@apply block w-full;
/* interaction */
@apply focus-visible:bg-secondary-200 hover:bg-secondary-200;
>li { @apply w-full; }
a {
@apply block w-full;
.menu-vdi__item {
/* text styles */
@apply font-bold text-18px text-black hover:text-light no-underline leading-snug;
/* spacing & display */
@apply block w-full;
/* interaction */
@apply focus-visible:bg-secondary-200 hover:bg-secondary-200;
a { @apply block w-full; }
}
a.menu-vdi__item,
.menu-vdi__item a { @apply p-4; }
}
}
a.menu-vdi__item,
.menu-vdi__item a {
@apply p-4;
}
}
}
}