| | |
| | | |
| | | html { |
| | | scroll-behavior: smooth; |
| | | -webkit-text-size-adjust: none; |
| | | text-size-adjust: none; |
| | | overflow-x: hidden; |
| | | width: 100vw; |
| | |
| | | } |
| | | |
| | | ::selection { |
| | | background: color-mix(in srgb, var(--tertiary) 75%, transparent); |
| | | background: color-mix(in srgb, var(--tertiary) 60%, rgba(255, 255, 255, 0)); |
| | | color: var(--darkgray); |
| | | } |
| | | |
| | |
| | | } |
| | | } |
| | | |
| | | strong { |
| | | font-weight: $semiBoldWeight; |
| | | } |
| | | |
| | | a { |
| | | font-weight: 600; |
| | | font-weight: $semiBoldWeight; |
| | | text-decoration: none; |
| | | transition: color 0.2s ease; |
| | | color: var(--secondary); |
| | | display: inline-block; |
| | | |
| | | &:hover { |
| | | color: var(--tertiary) !important; |
| | |
| | | |
| | | & .sidebar.right { |
| | | right: calc(calc(100vw - $pageWidth) / 2 - $sidePanelWidth); |
| | | flex-wrap: wrap; |
| | | & > * { |
| | | @media all and (max-width: $fullPageWidth) { |
| | | flex: 1; |
| | | min-width: 140px; |
| | | } |
| | | } |
| | | } |
| | |
| | | font-weight: revert; |
| | | margin-bottom: 0; |
| | | |
| | | article > & > a { |
| | | article > & > a[role="anchor"] { |
| | | color: var(--dark); |
| | | &.internal { |
| | | background-color: transparent; |
| | | } |
| | | background-color: transparent; |
| | | } |
| | | } |
| | | |
| | |
| | | opacity: 0; |
| | | transition: opacity 0.2s ease; |
| | | transform: translateY(-0.1rem); |
| | | display: inline-block; |
| | | font-family: var(--codeFont); |
| | | user-select: none; |
| | | } |
| | |
| | | counter-increment: line 0; |
| | | display: grid; |
| | | padding: 0.5rem 0; |
| | | overflow-x: scroll; |
| | | |
| | | & [data-highlighted-chars] { |
| | | background-color: var(--highlight); |