| ... | ... | @@ -15,12 +15,10 @@ |
| 15 | 15 | --accent: light-dark(#179299, #94e2d5); |
| 16 | 16 | --link: light-dark(#179299, #94e2d5); |
| 17 | 17 | |
| 18 | | --font-text: |
| 19 | | system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, |
| 20 | | Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; |
| 21 | | --font-code: |
| 22 | | ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", |
| 23 | | "Courier New", monospace; |
| 18 | --font-text: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, |
| 19 | Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; |
| 20 | --font-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, |
| 21 | "Liberation Mono", "Courier New", monospace; |
| 24 | 22 | } |
| 25 | 23 | |
| 26 | 24 | * { |
| ... | ... | @@ -40,17 +38,30 @@ body { |
| 40 | 38 | main { |
| 41 | 39 | width: 100%; |
| 42 | 40 | max-width: 80ch; |
| 43 | | padding: 1rem; |
| 44 | | padding-top: 2rem; |
| 41 | padding: 2rem; |
| 45 | 42 | margin: auto; |
| 46 | 43 | line-height: 1.5; |
| 47 | 44 | } |
| 48 | 45 | |
| 49 | | h1, h2, h3, h4, h5, h6, p, ul, pre, blockquote, table { |
| 46 | h1, |
| 47 | h2, |
| 48 | h3, |
| 49 | h4, |
| 50 | h5, |
| 51 | h6, |
| 52 | p, |
| 53 | ul, |
| 54 | pre, |
| 55 | blockquote, |
| 56 | table { |
| 50 | 57 | margin-bottom: 1rem; |
| 51 | 58 | } |
| 52 | 59 | |
| 53 | | h2, h3, h4, h5, h6 { |
| 60 | h2, |
| 61 | h3, |
| 62 | h4, |
| 63 | h5, |
| 64 | h6 { |
| 54 | 65 | padding-top: 0.8rem; |
| 55 | 66 | margin-top: -0.8rem; |
| 56 | 67 | } |
| ... | ... | @@ -75,12 +86,15 @@ a { |
| 75 | 86 | color: inherit; |
| 76 | 87 | } |
| 77 | 88 | |
| 78 | | table, th, td { |
| 89 | table, |
| 90 | th, |
| 91 | td { |
| 79 | 92 | border: 1px solid #9ca0b0; |
| 80 | 93 | border-collapse: collapse; |
| 81 | 94 | } |
| 82 | 95 | |
| 83 | | th, td { |
| 96 | th, |
| 97 | td { |
| 84 | 98 | padding: 0.5rem; |
| 85 | 99 | } |
| 86 | 100 | |
| ... | ... | @@ -89,31 +103,31 @@ th, td { |
| 89 | 103 | } |
| 90 | 104 | |
| 91 | 105 | .ansi-31 { |
| 92 | | color: light-dark(#d20f39, #f38ba8); |
| 106 | color: #f38ba8; |
| 93 | 107 | } |
| 94 | 108 | |
| 95 | 109 | .ansi-32 { |
| 96 | | color: light-dark(#40a02b, #a6e3a1); |
| 110 | color: #a6e3a1; |
| 97 | 111 | } |
| 98 | 112 | |
| 99 | 113 | .ansi-33 { |
| 100 | | color: light-dark(#de8d1c, #f9e2af); |
| 114 | color: #f9e2af; |
| 101 | 115 | } |
| 102 | 116 | |
| 103 | 117 | .ansi-34 { |
| 104 | | color: light-dark(#1e66f5, #89b4fa); |
| 118 | color: #89b4fa; |
| 105 | 119 | } |
| 106 | 120 | |
| 107 | 121 | .ansi-35 { |
| 108 | | color: light-dark(#ea76cb, #f5c2e7); |
| 122 | color: #f5c2e7; |
| 109 | 123 | } |
| 110 | 124 | |
| 111 | 125 | .ansi-36 { |
| 112 | | color: light-dark(#179299, #94e2d5); |
| 126 | color: #94e2d5; |
| 113 | 127 | } |
| 114 | 128 | |
| 115 | 129 | .ansi-2 { |
| 116 | | color: light-dark(#bcc0cc, #8087a2); |
| 130 | color: #8087a2; |
| 117 | 131 | } |
| 118 | 132 | |
| 119 | 133 | .kw { |
| ... | ... | @@ -130,7 +144,8 @@ th, td { |
| 130 | 144 | font-weight: bold; |
| 131 | 145 | } |
| 132 | 146 | |
| 133 | | .tok-number_int, .tok-number_float { |
| 147 | .tok-number_int, |
| 148 | .tok-number_float { |
| 134 | 149 | color: light-dark(#fe640b, #fab387); |
| 135 | 150 | } |
| 136 | 151 | |
| ... | ... | @@ -161,10 +176,12 @@ aside { |
| 161 | 176 | padding: 1rem; |
| 162 | 177 | border-radius: 0 1rem 1rem 0; |
| 163 | 178 | overflow-y: auto; |
| 164 | | width: 40ch; |
| 179 | width: 35ch; |
| 165 | 180 | } |
| 166 | 181 | |
| 167 | | #toc, #toc ul, #links { |
| 182 | #toc, |
| 183 | #toc ul, |
| 184 | #links { |
| 168 | 185 | list-style: none; |
| 169 | 186 | } |
| 170 | 187 | |
| ... | ... | @@ -236,7 +253,8 @@ aside a:hover { |
| 236 | 253 | margin: 0; |
| 237 | 254 | } |
| 238 | 255 | |
| 239 | | #hidden-menu-checkbox, [name="tabs"] { |
| 256 | #hidden-menu-checkbox, |
| 257 | [name="tabs"] { |
| 240 | 258 | display: block; |
| 241 | 259 | width: 1px; |
| 242 | 260 | height: 1px; |
| ... | ... | @@ -245,7 +263,8 @@ aside a:hover { |
| 245 | 263 | left: -3px; |
| 246 | 264 | } |
| 247 | 265 | |
| 248 | | #menu-btn, #clickable-background { |
| 266 | #menu-btn, |
| 267 | #clickable-background { |
| 249 | 268 | display: none; |
| 250 | 269 | } |
| 251 | 270 | |
| ... | ... | @@ -279,12 +298,14 @@ main a:active { |
| 279 | 298 | text-decoration: none; |
| 280 | 299 | } |
| 281 | 300 | |
| 282 | | .heading:hover, .heading:focus-visible { |
| 301 | .heading:hover, |
| 302 | .heading:focus-visible { |
| 283 | 303 | text-decoration: underline; |
| 284 | 304 | position: relative; |
| 285 | 305 | } |
| 286 | 306 | |
| 287 | | .heading:hover::before, .heading:focus-visible::before { |
| 307 | .heading:hover::before, |
| 308 | .heading:focus-visible::before { |
| 288 | 309 | content: " #"; |
| 289 | 310 | color: var(--subtext-0); |
| 290 | 311 | position: absolute; |
| ... | ... | @@ -413,7 +434,8 @@ main a:active { |
| 413 | 434 | background-color: var(--surface-0); |
| 414 | 435 | } |
| 415 | 436 | |
| 416 | | #open, #close { |
| 437 | #open, |
| 438 | #close { |
| 417 | 439 | display: none !important; |
| 418 | 440 | } |
| 419 | 441 | |
| ... | ... | @@ -448,7 +470,8 @@ pre > code { |
| 448 | 470 | padding: 0; |
| 449 | 471 | } |
| 450 | 472 | |
| 451 | | pre, code { |
| 473 | pre, |
| 474 | code { |
| 452 | 475 | border: 0; |
| 453 | 476 | background-color: transparent; |
| 454 | 477 | font-family: var(--font-code); |
| ... | ... | @@ -475,7 +498,8 @@ pre, code { |
| 475 | 498 | .file pre { |
| 476 | 499 | margin: 0; |
| 477 | 500 | padding: 0.75rem 0.5rem; |
| 478 | | overflow-y: scroll; |
| 501 | overflow-y: auto; |
| 502 | white-space: pre-wrap; |
| 479 | 503 | color: var(--text); |
| 480 | 504 | position: relative; |
| 481 | 505 | } |
Clément Voisin <clembs@clembs.com> 2024-09-22 18:50:50+02:00