Jake Vanderwerf
2026-05-03 42c23cc62d812c29c431977934af7b0f2a24b04b
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 {