| | |
| | | text-size-adjust: none; |
| | | overflow-x: hidden; |
| | | width: 100vw; |
| | | -webkit-font-smoothing: antialiased; |
| | | -moz-osx-font-smoothing: grayscale; |
| | | } |
| | | |
| | | body, |
| | |
| | | } |
| | | |
| | | ::selection { |
| | | background: color-mix(in srgb, var(--tertiary) 60%, transparent); |
| | | background: color-mix(in srgb, var(--tertiary) 60%, rgba(255, 255, 255, 0)); |
| | | color: var(--darkgray); |
| | | } |
| | | |
| | |
| | | } |
| | | } |
| | | |
| | | strong { |
| | | font-weight: $semiBoldWeight; |
| | | } |
| | | |
| | | a { |
| | | font-weight: $boldWeight; |
| | | font-weight: $semiBoldWeight; |
| | | text-decoration: none; |
| | | transition: color 0.2s ease; |
| | | color: var(--secondary); |
| | |
| | | border-radius: 0; |
| | | padding: 0; |
| | | } |
| | | &.tag-link { |
| | | &::before { |
| | | content: "#"; |
| | | } |
| | | } |
| | | } |
| | | |
| | | &.external .external-icon { |
| | |
| | | font-weight: revert; |
| | | margin-bottom: 0; |
| | | |
| | | article > & > a { |
| | | article > & > a[role="anchor"] { |
| | | color: var(--dark); |
| | | &.internal { |
| | | background-color: transparent; |
| | | } |
| | | background-color: transparent; |
| | | } |
| | | } |
| | | |
| | |
| | | flex: 1 1 auto; |
| | | } |
| | | |
| | | div:has(> .overflow) { |
| | | position: relative; |
| | | } |
| | | |
| | | ul.overflow, |
| | | ol.overflow { |
| | | max-height: 400; |
| | |
| | | padding-left: 1rem; |
| | | } |
| | | } |
| | | |
| | | .katex-display { |
| | | overflow-x: auto; |
| | | overflow-y: hidden; |
| | | } |