=update

Jake Vanderwerf

2026-05-03 75ac79b1e67a6bb4a195a86f55e5429cf2b4c3de

 nav.css

@@ -41,6 +41,8 @@
    white-space: nowrap;
    text-transform: uppercase;
    transition: var(--trans-color);
    border-radius: 0;
    background-color: transparent;
}
nav a {
    height: var(--btn);
@@ -61,7 +63,7 @@
**************************************************************/

/* Active/Focus states */
    nav a:hover,
/*    nav a:hover,*/
    nav .current a,
    nav a.current,
    nav a:focus,
@@ -73,12 +75,12 @@


/* Icon rotation */
.toggle .icon {
.toggle .icon-caret-down {
    transform: rotate(0deg);
    transition: transform var(--trans-base);
}

.has-submenu.open > button .icon {
.has-submenu.open > button .icon-caret-down {
    transform: rotate(900deg);
}

@@ -94,11 +96,12 @@
    height: max-content;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 0;
    transform: scaleY(0);
    transform-origin: top;
    width: max(100%, max-content);
    width: 100%;
    min-width: max-content;
    background-color: rgba(var(--base-rgb),var(--op-3));
    border: 2px solid rgba(var(--base-rgb),var(--op-3));
    transition: all var(--trans-t) var(--trans-fn);
@@ -110,6 +113,9 @@
    background-color: rgba(var(--base-rgb),var(--op-6));
    border: 1px solid var(--base-50);
}
.submenu a {
    height: var(--chipchip);
}

/* Open state */
.open > ul.submenu {