=latest

Jake Vanderwerf

2026-01-09 c2c0f39ec5e41ed436025c32a9a00444e4bebb33

 nav.css

@@ -26,6 +26,7 @@
    height: max(var(--btn), max-content);
    width: 100%;
    max-inline-size: none;
    padding: 0;
}

/* Links fill parent */
@@ -340,6 +341,8 @@
}

nav.fixed.bottom a {
    gap: 1rem;
    --w: var(--chip_);
    color: var(--contrast);
    font-size: var(--txt-x-small);
}
@@ -369,7 +372,7 @@
}

body:has(nav.fixed) nav.on-this-page {
    bottom: var(--btn_);
    bottom: var(--btn);
}

.on-this-page ul {
@@ -386,13 +389,25 @@
Only define what makes it different
**************************************************************/
nav.letters li {
    flex: 1;
    height: var(--chip);
    max-width: calc(7.69% - 2px); /*Fit 26 letters over 2 rows) */
}

nav.letters ul {
    --wrap: wrap;
}
nav.letters,
nav.letters ul {
    height: var(--chipchip);
}
@media (min-width: 768px) {
    nav.letters,
    nav.letters ul {
        height: var(--chip);
    }
    nav.letters ul {
        --wrap: nowrap;
    }
    nav.letters li {
        flex: 0 1 auto;
        max-width: none;
    }