Merge branch 'main' of https://github.com/jakevdwerf/jvb

Jake Vanderwerf

2026-01-01 52733beffd7f1c48012b371d4ad8e7d937afd924

 src/glossary/style.scss

@@ -16,7 +16,9 @@
   > ul {
      --dir: column;
      --align: flex-start;
      --justify: flex-start;
      touch-action: pan-y;
      max-height: 100%;
      height: 100%;
      width: 100%;
      overflow: hidden auto;
@@ -27,15 +29,14 @@
   }
   a {
      --justify: center;
      background-color: var(--overlay-heavy);
      background-color: rgba(var(--base-rgb),var(--op-6));
      word-wrap: anywhere;
      white-space: wrap;
      transition: background-color 0.2s ease;
   }
   a:hover,
   a:focus,
   a.active {
      background-color: rgba(var(--action-rgb), var(--rgb-heavy));
      background-color: rgba(var(--action-rgb), var(--op-6));
      color: var(--action-contrast);
   }
}
@@ -47,10 +48,9 @@
.glossary dt {
   position: relative;
   left: 0;
   transition: margin var(--transition-base),
   left var(--transition-base),
   color var(--transition-base),
   width var(--transition-base);
   transition: margin var(--trans-base),
   left var(--trans-base),
   width var(--trans-base);
}
.glossary dt:target,
.glossary dt.active {
@@ -66,25 +66,23 @@

main header,
dl.glossary {
   margin-right:0;
   margin-left:0;
   grid-column: full;
   padding: 0 var(--navWidth) 0 2rem;
   max-width: 100vw;
   @media (min-width:768px) {
      margin-left: auto;
      max-width: var(--maxWidth);
      max-width: var(--content);
      margin-right: var(--navWidth);
      padding-right: var(--height);
      padding-right: var(--btn);
   }
}

@media (max-width: 768px) {
   .glossary {
      h2 {
         font-size: var(--medium);
         font-size: var(--txt-medium);
      }
      p {
         font-size: var(--small);
         font-size: var(--txt-x-small);
      }
   }
   .glossary-index {
@@ -92,13 +90,13 @@
         height: fit-content;
      }
      a {
         font-size: var(--small);
         font-size: var(--txt-x-small);
         padding: .25rem;
         min-height: 2em;
      }
   }

   body:has(.glossary) h1 {
      font-size: var(--xxlarge);
      font-size: var(--txt-xx-large);
   }
}