From 748c931c827c09bc59b776e41d27643af9cac332 Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Thu, 28 May 2026 19:15:07 +0000
Subject: [PATCH] =gitblit setup

---
 nav.css |   66 +++++++++++++++++++-------------
 1 files changed, 39 insertions(+), 27 deletions(-)

diff --git a/nav.css b/nav.css
index 43bfe54..5446527 100644
--- a/nav.css
+++ b/nav.css
@@ -68,7 +68,7 @@
 nav a:focus:visited,
 nav button:focus {
     background-color: rgb(var(--action-0));
-    color: var(--action-contrast);
+    color: rgb(var(--action-contrast));
 }
 
 .toggle .icon-caret-down {
@@ -225,7 +225,7 @@
 /*}*/
 /*nav.always > .toggle:hover {*/
 /*    background-color: rgb(var(--action-0));*/
-/*    color: var(--action-contrast);*/
+/*    color: rgb(var(--action-contrast));*/
 /*}*/
 /*nav.always.open > .toggle {*/
 /*    width: 100%;*/
@@ -236,7 +236,7 @@
 
 /*nav.always.open > .toggle:hover {*/
 /*    background-color: rgb(var(--action-0));*/
-/*    color: var(--action-contrast);*/
+/*    color: rgb(var(--action-contrast));*/
 /*}*/
 
 /*nav.always button .icon-x,*/
@@ -295,7 +295,7 @@
         nav.always.fixed .toggle.main:hover,
         nav.always.fixed .toggle.main:focus {
             background-color: rgb(var(--action-0));
-            color: var(--action-contrast);
+            color: rgb(var(--action-contrast));
         }
 /*******************************************************
 MOBILE NAV
@@ -466,7 +466,7 @@
 /************************************************************
 ON THIS PAGE
 ************************************************************/
-nav.on-this-page {
+nav.on-this-page.on-this-page {
     --justify: space-between;
     position: fixed;
     bottom: 0;
@@ -475,6 +475,7 @@
     z-index: var(--z-5);
     background-color: rgba(var(--base), var(--op-45));
     max-width: none;
+    margin: 0!important;
 }
 
 body:has(nav.fixed) nav.on-this-page {
@@ -498,14 +499,14 @@
 }
 nav.on-this-page .active a {
     background-color: rgba(var(--base),var(--op-6));
-    color: var(--action-contrast);
+    color: rgb(var(--action-contrast));
 }
 nav.on-this-page #back-to-top span {
     display: none;
 }
 nav.on-this-page .active a {
     background-color: rgb(var(--action-0));
-    color: var(--action-contrast);
+    color: rgb(var(--action-contrast));
 }
 
 /****************************************************
@@ -547,6 +548,14 @@
     --padding: 0;
     background-color: rgba(var(--base),var(--op-6));
 }
+nav.index,
+nav.index ul,
+nav.index li,
+nav.index button,
+nav.index a {
+    min-height: var(--chipchip);
+    height: var(--chipchip);
+}
 nav.index ul {
     width: 100%;
 }
@@ -559,18 +568,18 @@
 nav.index li.active,
 nav.index li.adj {
     transform: scaleX(1);
-    width: calc(100% - var(--btn_));
+    width: 100%;
     flex-shrink: 1;
     max-width: none;
 }
-nav.index li:first-of-type {
-    flex-shrink: 1;
-    transform: scaleX(1);
-    order: 9999;
-    width: var(--btn);
-    height: var(--btn);
-    max-width: none;
-}
+/*nav.index li:first-of-type {*/
+/*    flex-shrink: 1;*/
+/*    transform: scaleX(1);*/
+/*    order: 9999;*/
+/*    width: var(--btn);*/
+/*    height: var(--btn);*/
+/*    max-width: none;*/
+/*}*/
 
 @media (max-width: 767px) {
     .index li.adj {
@@ -578,13 +587,13 @@
         max-width: 0;
     }
 }
-nav.index a {
-    border-bottom: 4px solid transparent;
-}
-nav.index .active a {
-    border-color: rgb(var(--action-0));
-    color: rgb(var(--contrast));
-}
+/*nav.index a {*/
+/*    border-bottom: 4px solid transparent;*/
+/*}*/
+/*nav.index .active a {*/
+/*    border-color: rgb(var(--action-0));*/
+/*    color: rgb(var(--contrast));*/
+/*}*/
 
 nav.index.open {
     --dir: column-reverse;
@@ -595,17 +604,20 @@
     backdrop-filter: blur(5px);
     z-index: var(--z-10);
 }
+    nav.index.open ul {
+        min-height: max-content;
+        --dir: column;
+    }
 nav.index.open li {
     width: 100%;
-    height: var(--btn);
     max-width: 100%!important;
     transform: scaleX(1);
     overflow: visible;
 }
 nav.index.open a {
-    --justify: flex-end;
+    --justify: center;
     padding: 0 2rem 0 0;
-    background-color: transparent;
+    /*background-color: transparent;*/
 }
 
 /***************************************************************
@@ -717,7 +729,7 @@
 nav.tabs button.active,
 nav.tabs button.active:hover {
     background-color: rgb(var(--action-0));
-    color: var(--action-contrast);
+    color: rgb(var(--action-contrast));
     border-color: rgb(var(--base));
 }
 

--
Gitblit v1.10.0