| | |
| | | --navWidth: 22vw; |
| | | } |
| | | } |
| | | |
| | | nav.glossary-index { |
| | | position: fixed; |
| | | top: 50%; |
| | | transform: translateY(-50%); |
| | | width: var(--navWidth); |
| | | right: 0; |
| | | right: -8px; |
| | | height: 60vh; |
| | | z-index: var(--z-3); |
| | | |
| | |
| | | --dir: column; |
| | | --align: flex-start; |
| | | --justify: flex-start; |
| | | --gap: 1px; |
| | | touch-action: pan-y; |
| | | max-height: 100%; |
| | | height: 100%; |
| | |
| | | scroll-behavior: smooth; |
| | | } |
| | | li, a { |
| | | flex: 1; |
| | | width: 100%; |
| | | height: max-content; |
| | | min-height: max(var(--chipchip), max-content); |
| | | } |
| | | a { |
| | | --justify: center; |
| | | background-color: rgba(var(--base-rgb),var(--op-6)); |
| | | padding: .25rem .5rem; |
| | | hyphens: auto; |
| | | background-color: rgba(var(--base-rgb),var(--op-45)); |
| | | word-wrap: anywhere; |
| | | white-space: wrap; |
| | | } |