Commit | Line | Data |
---|---|---|
24c3fcb4 JB |
1 | :root { |
2 | /* Light */ | |
a76fac14 JB |
3 | --light-color-background: #f2f4f8; |
4 | --light-color-background-secondary: #eff0f1; | |
cfc6e8df | 5 | --light-color-warning-text: #222; |
6 | --light-color-background-warning: #e6e600; | |
a76fac14 JB |
7 | --light-color-icon-background: var(--light-color-background); |
8 | --light-color-accent: #c5c7c9; | |
24c3fcb4 JB |
9 | --light-color-text: #222; |
10 | --light-color-text-aside: #707070; | |
11 | --light-color-link: #4da6ff; | |
a76fac14 JB |
12 | --light-color-ts: #db1373; |
13 | --light-color-ts-interface: #139d2c; | |
14 | --light-color-ts-enum: #9c891a; | |
15 | --light-color-ts-class: #2484e5; | |
16 | --light-color-ts-function: #572be7; | |
17 | --light-color-ts-namespace: #b111c9; | |
24c3fcb4 | 18 | --light-color-ts-private: #707070; |
a76fac14 | 19 | --light-color-ts-variable: #4d68ff; |
24c3fcb4 | 20 | --light-external-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23000' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>"); |
a76fac14 | 21 | --light-color-scheme: light; |
24c3fcb4 JB |
22 | |
23 | /* Dark */ | |
a76fac14 JB |
24 | --dark-color-background: #2b2e33; |
25 | --dark-color-background-secondary: #1e2024; | |
cfc6e8df | 26 | --dark-color-background-warning: #bebe00; |
27 | --dark-color-warning-text: #222; | |
a76fac14 JB |
28 | --dark-color-icon-background: var(--dark-color-background-secondary); |
29 | --dark-color-accent: #9096a2; | |
30 | --dark-color-text: #f5f5f5; | |
31 | --dark-color-text-aside: #dddddd; | |
24c3fcb4 | 32 | --dark-color-link: #00aff4; |
a76fac14 JB |
33 | --dark-color-ts: #ff6492; |
34 | --dark-color-ts-interface: #6cff87; | |
35 | --dark-color-ts-enum: #f4d93e; | |
36 | --dark-color-ts-class: #61b0ff; | |
37 | --dark-color-ts-function: #9772ff; | |
38 | --dark-color-ts-namespace: #e14dff; | |
24c3fcb4 | 39 | --dark-color-ts-private: #e2e2e2; |
a76fac14 | 40 | --dark-color-ts-variable: #4d68ff; |
24c3fcb4 | 41 | --dark-external-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23fff' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>"); |
a76fac14 | 42 | --dark-color-scheme: dark; |
24c3fcb4 JB |
43 | } |
44 | ||
45 | @media (prefers-color-scheme: light) { | |
46 | :root { | |
47 | --color-background: var(--light-color-background); | |
a76fac14 | 48 | --color-background-secondary: var(--light-color-background-secondary); |
cfc6e8df | 49 | --color-background-warning: var(--light-color-background-warning); |
50 | --color-warning-text: var(--light-color-warning-text); | |
a76fac14 JB |
51 | --color-icon-background: var(--light-color-icon-background); |
52 | --color-accent: var(--light-color-accent); | |
24c3fcb4 JB |
53 | --color-text: var(--light-color-text); |
54 | --color-text-aside: var(--light-color-text-aside); | |
55 | --color-link: var(--light-color-link); | |
24c3fcb4 JB |
56 | --color-ts: var(--light-color-ts); |
57 | --color-ts-interface: var(--light-color-ts-interface); | |
58 | --color-ts-enum: var(--light-color-ts-enum); | |
59 | --color-ts-class: var(--light-color-ts-class); | |
a76fac14 JB |
60 | --color-ts-function: var(--light-color-ts-function); |
61 | --color-ts-namespace: var(--light-color-ts-namespace); | |
24c3fcb4 | 62 | --color-ts-private: var(--light-color-ts-private); |
a76fac14 | 63 | --color-ts-variable: var(--light-color-ts-variable); |
24c3fcb4 | 64 | --external-icon: var(--light-external-icon); |
a76fac14 | 65 | --color-scheme: var(--light-color-scheme); |
24c3fcb4 JB |
66 | } |
67 | } | |
68 | ||
69 | @media (prefers-color-scheme: dark) { | |
70 | :root { | |
71 | --color-background: var(--dark-color-background); | |
a76fac14 | 72 | --color-background-secondary: var(--dark-color-background-secondary); |
cfc6e8df | 73 | --color-background-warning: var(--dark-color-background-warning); |
74 | --color-warning-text: var(--dark-color-warning-text); | |
a76fac14 JB |
75 | --color-icon-background: var(--dark-color-icon-background); |
76 | --color-accent: var(--dark-color-accent); | |
24c3fcb4 JB |
77 | --color-text: var(--dark-color-text); |
78 | --color-text-aside: var(--dark-color-text-aside); | |
79 | --color-link: var(--dark-color-link); | |
24c3fcb4 JB |
80 | --color-ts: var(--dark-color-ts); |
81 | --color-ts-interface: var(--dark-color-ts-interface); | |
82 | --color-ts-enum: var(--dark-color-ts-enum); | |
83 | --color-ts-class: var(--dark-color-ts-class); | |
a76fac14 JB |
84 | --color-ts-function: var(--dark-color-ts-function); |
85 | --color-ts-namespace: var(--dark-color-ts-namespace); | |
24c3fcb4 | 86 | --color-ts-private: var(--dark-color-ts-private); |
a76fac14 | 87 | --color-ts-variable: var(--dark-color-ts-variable); |
24c3fcb4 | 88 | --external-icon: var(--dark-external-icon); |
a76fac14 | 89 | --color-scheme: var(--dark-color-scheme); |
24c3fcb4 JB |
90 | } |
91 | } | |
92 | ||
a76fac14 JB |
93 | html { |
94 | color-scheme: var(--color-scheme); | |
95 | } | |
96 | ||
24c3fcb4 JB |
97 | body { |
98 | margin: 0; | |
99 | } | |
100 | ||
a76fac14 | 101 | :root[data-theme="light"] { |
24c3fcb4 | 102 | --color-background: var(--light-color-background); |
a76fac14 | 103 | --color-background-secondary: var(--light-color-background-secondary); |
cfc6e8df | 104 | --color-background-warning: var(--light-color-background-warning); |
105 | --color-warning-text: var(--light-color-warning-text); | |
a76fac14 JB |
106 | --color-icon-background: var(--light-color-icon-background); |
107 | --color-accent: var(--light-color-accent); | |
24c3fcb4 JB |
108 | --color-text: var(--light-color-text); |
109 | --color-text-aside: var(--light-color-text-aside); | |
110 | --color-link: var(--light-color-link); | |
24c3fcb4 JB |
111 | --color-ts: var(--light-color-ts); |
112 | --color-ts-interface: var(--light-color-ts-interface); | |
113 | --color-ts-enum: var(--light-color-ts-enum); | |
114 | --color-ts-class: var(--light-color-ts-class); | |
a76fac14 JB |
115 | --color-ts-function: var(--light-color-ts-function); |
116 | --color-ts-namespace: var(--light-color-ts-namespace); | |
24c3fcb4 | 117 | --color-ts-private: var(--light-color-ts-private); |
a76fac14 | 118 | --color-ts-variable: var(--light-color-ts-variable); |
24c3fcb4 | 119 | --external-icon: var(--light-external-icon); |
a76fac14 | 120 | --color-scheme: var(--light-color-scheme); |
24c3fcb4 JB |
121 | } |
122 | ||
a76fac14 | 123 | :root[data-theme="dark"] { |
24c3fcb4 | 124 | --color-background: var(--dark-color-background); |
a76fac14 | 125 | --color-background-secondary: var(--dark-color-background-secondary); |
cfc6e8df | 126 | --color-background-warning: var(--dark-color-background-warning); |
127 | --color-warning-text: var(--dark-color-warning-text); | |
a76fac14 JB |
128 | --color-icon-background: var(--dark-color-icon-background); |
129 | --color-accent: var(--dark-color-accent); | |
24c3fcb4 JB |
130 | --color-text: var(--dark-color-text); |
131 | --color-text-aside: var(--dark-color-text-aside); | |
132 | --color-link: var(--dark-color-link); | |
24c3fcb4 JB |
133 | --color-ts: var(--dark-color-ts); |
134 | --color-ts-interface: var(--dark-color-ts-interface); | |
135 | --color-ts-enum: var(--dark-color-ts-enum); | |
136 | --color-ts-class: var(--dark-color-ts-class); | |
a76fac14 JB |
137 | --color-ts-function: var(--dark-color-ts-function); |
138 | --color-ts-namespace: var(--dark-color-ts-namespace); | |
24c3fcb4 | 139 | --color-ts-private: var(--dark-color-ts-private); |
a76fac14 | 140 | --color-ts-variable: var(--dark-color-ts-variable); |
24c3fcb4 | 141 | --external-icon: var(--dark-external-icon); |
a76fac14 JB |
142 | --color-scheme: var(--dark-color-scheme); |
143 | } | |
144 | ||
cfc6e8df | 145 | .always-visible, |
146 | .always-visible .tsd-signatures { | |
147 | display: inherit !important; | |
148 | } | |
149 | ||
a76fac14 JB |
150 | h1, |
151 | h2, | |
152 | h3, | |
153 | h4, | |
154 | h5, | |
155 | h6 { | |
156 | line-height: 1.2; | |
24c3fcb4 JB |
157 | } |
158 | ||
159 | h1 { | |
a76fac14 JB |
160 | font-size: 1.875rem; |
161 | margin: 0.67rem 0; | |
24c3fcb4 JB |
162 | } |
163 | ||
164 | h2 { | |
a76fac14 JB |
165 | font-size: 1.5rem; |
166 | margin: 0.83rem 0; | |
24c3fcb4 JB |
167 | } |
168 | ||
169 | h3 { | |
a76fac14 JB |
170 | font-size: 1.25rem; |
171 | margin: 1rem 0; | |
24c3fcb4 JB |
172 | } |
173 | ||
a76fac14 JB |
174 | h4 { |
175 | font-size: 1.05rem; | |
176 | margin: 1.33rem 0; | |
24c3fcb4 JB |
177 | } |
178 | ||
179 | h5 { | |
a76fac14 JB |
180 | font-size: 1rem; |
181 | margin: 1.5rem 0; | |
24c3fcb4 JB |
182 | } |
183 | ||
184 | h6 { | |
a76fac14 JB |
185 | font-size: 0.875rem; |
186 | margin: 2.33rem 0; | |
187 | } | |
188 | ||
189 | .uppercase { | |
190 | text-transform: uppercase; | |
24c3fcb4 JB |
191 | } |
192 | ||
193 | pre { | |
194 | white-space: pre; | |
195 | white-space: pre-wrap; | |
196 | word-wrap: break-word; | |
197 | } | |
198 | ||
199 | dl, | |
200 | menu, | |
201 | ol, | |
202 | ul { | |
203 | margin: 1em 0; | |
204 | } | |
205 | ||
206 | dd { | |
207 | margin: 0 0 0 40px; | |
208 | } | |
209 | ||
210 | .container { | |
ec06e4dd | 211 | max-width: 1700px; |
a76fac14 JB |
212 | padding: 0 2rem; |
213 | } | |
214 | ||
a76fac14 JB |
215 | /* Footer */ |
216 | .tsd-generator { | |
217 | border-top: 1px solid var(--color-accent); | |
218 | padding-top: 1rem; | |
219 | padding-bottom: 1rem; | |
220 | max-height: 3.5rem; | |
221 | } | |
222 | ||
223 | .tsd-generator > p { | |
224 | margin-top: 0; | |
225 | margin-bottom: 0; | |
226 | padding: 0 1rem; | |
24c3fcb4 JB |
227 | } |
228 | ||
a76fac14 | 229 | .container-main { |
a76fac14 | 230 | margin: 0 auto; |
ec06e4dd | 231 | /* toolbar, footer, margin */ |
232 | min-height: calc(100vh - 41px - 56px - 4rem); | |
24c3fcb4 JB |
233 | } |
234 | ||
235 | @keyframes fade-in { | |
236 | from { | |
237 | opacity: 0; | |
238 | } | |
239 | to { | |
240 | opacity: 1; | |
241 | } | |
242 | } | |
243 | @keyframes fade-out { | |
244 | from { | |
245 | opacity: 1; | |
246 | visibility: visible; | |
247 | } | |
248 | to { | |
249 | opacity: 0; | |
250 | } | |
251 | } | |
252 | @keyframes fade-in-delayed { | |
253 | 0% { | |
254 | opacity: 0; | |
255 | } | |
256 | 33% { | |
257 | opacity: 0; | |
258 | } | |
259 | 100% { | |
260 | opacity: 1; | |
261 | } | |
262 | } | |
263 | @keyframes fade-out-delayed { | |
264 | 0% { | |
265 | opacity: 1; | |
266 | visibility: visible; | |
267 | } | |
268 | 66% { | |
269 | opacity: 0; | |
270 | } | |
271 | 100% { | |
272 | opacity: 0; | |
273 | } | |
274 | } | |
24c3fcb4 JB |
275 | @keyframes pop-in-from-right { |
276 | from { | |
277 | transform: translate(100%, 0); | |
278 | } | |
279 | to { | |
280 | transform: translate(0, 0); | |
281 | } | |
282 | } | |
283 | @keyframes pop-out-to-right { | |
284 | from { | |
285 | transform: translate(0, 0); | |
286 | visibility: visible; | |
287 | } | |
288 | to { | |
289 | transform: translate(100%, 0); | |
290 | } | |
291 | } | |
292 | body { | |
293 | background: var(--color-background); | |
294 | font-family: "Segoe UI", sans-serif; | |
295 | font-size: 16px; | |
296 | color: var(--color-text); | |
297 | } | |
298 | ||
299 | a { | |
300 | color: var(--color-link); | |
301 | text-decoration: none; | |
302 | } | |
303 | a:hover { | |
304 | text-decoration: underline; | |
305 | } | |
306 | a.external[target="_blank"] { | |
307 | background-image: var(--external-icon); | |
308 | background-position: top 3px right; | |
309 | background-repeat: no-repeat; | |
310 | padding-right: 13px; | |
311 | } | |
312 | ||
313 | code, | |
314 | pre { | |
315 | font-family: Menlo, Monaco, Consolas, "Courier New", monospace; | |
316 | padding: 0.2em; | |
317 | margin: 0; | |
a76fac14 JB |
318 | font-size: 0.875rem; |
319 | border-radius: 0.8em; | |
24c3fcb4 JB |
320 | } |
321 | ||
322 | pre { | |
323 | padding: 10px; | |
a76fac14 | 324 | border: 0.1em solid var(--color-accent); |
24c3fcb4 JB |
325 | } |
326 | pre code { | |
327 | padding: 0; | |
328 | font-size: 100%; | |
329 | } | |
330 | ||
331 | blockquote { | |
332 | margin: 1em 0; | |
333 | padding-left: 1em; | |
334 | border-left: 4px solid gray; | |
335 | } | |
336 | ||
337 | .tsd-typography { | |
338 | line-height: 1.333em; | |
339 | } | |
340 | .tsd-typography ul { | |
341 | list-style: square; | |
342 | padding: 0 0 0 20px; | |
343 | margin: 0; | |
344 | } | |
345 | .tsd-typography h4, | |
346 | .tsd-typography .tsd-index-panel h3, | |
347 | .tsd-index-panel .tsd-typography h3, | |
348 | .tsd-typography h5, | |
349 | .tsd-typography h6 { | |
350 | font-size: 1em; | |
351 | margin: 0; | |
352 | } | |
353 | .tsd-typography h5, | |
354 | .tsd-typography h6 { | |
355 | font-weight: normal; | |
356 | } | |
357 | .tsd-typography p, | |
358 | .tsd-typography ul, | |
359 | .tsd-typography ol { | |
360 | margin: 1em 0; | |
361 | } | |
362 | ||
24c3fcb4 JB |
363 | .tsd-breadcrumb { |
364 | margin: 0; | |
365 | padding: 0; | |
366 | color: var(--color-text-aside); | |
367 | } | |
368 | .tsd-breadcrumb a { | |
369 | color: var(--color-text-aside); | |
370 | text-decoration: none; | |
371 | } | |
372 | .tsd-breadcrumb a:hover { | |
373 | text-decoration: underline; | |
374 | } | |
375 | .tsd-breadcrumb li { | |
376 | display: inline; | |
377 | } | |
378 | .tsd-breadcrumb li:after { | |
379 | content: " / "; | |
380 | } | |
381 | ||
a76fac14 JB |
382 | .tsd-comment-tags { |
383 | display: flex; | |
384 | flex-direction: column; | |
385 | } | |
386 | dl.tsd-comment-tag-group { | |
387 | display: flex; | |
388 | align-items: center; | |
24c3fcb4 | 389 | overflow: hidden; |
a76fac14 | 390 | margin: 0.5em 0; |
24c3fcb4 | 391 | } |
a76fac14 JB |
392 | dl.tsd-comment-tag-group dt { |
393 | display: flex; | |
394 | margin-right: 0.5em; | |
395 | font-size: 0.875em; | |
24c3fcb4 JB |
396 | font-weight: normal; |
397 | } | |
a76fac14 JB |
398 | dl.tsd-comment-tag-group dd { |
399 | margin: 0; | |
400 | } | |
401 | code.tsd-tag { | |
402 | padding: 0.25em 0.4em; | |
403 | border: 0.1em solid var(--color-accent); | |
404 | margin-right: 0.25em; | |
405 | font-size: 70%; | |
406 | } | |
407 | h1 code.tsd-tag:first-of-type { | |
408 | margin-left: 0.25em; | |
24c3fcb4 | 409 | } |
a76fac14 JB |
410 | |
411 | dl.tsd-comment-tag-group dd:before, | |
412 | dl.tsd-comment-tag-group dd:after { | |
24c3fcb4 JB |
413 | content: " "; |
414 | } | |
a76fac14 JB |
415 | dl.tsd-comment-tag-group dd pre, |
416 | dl.tsd-comment-tag-group dd:after { | |
24c3fcb4 JB |
417 | clear: both; |
418 | } | |
a76fac14 | 419 | dl.tsd-comment-tag-group p { |
24c3fcb4 JB |
420 | margin: 0; |
421 | } | |
422 | ||
423 | .tsd-panel.tsd-comment .lead { | |
424 | font-size: 1.1em; | |
425 | line-height: 1.333em; | |
426 | margin-bottom: 2em; | |
427 | } | |
428 | .tsd-panel.tsd-comment .lead:last-child { | |
429 | margin-bottom: 0; | |
430 | } | |
431 | ||
a76fac14 JB |
432 | .tsd-filter-visibility h4 { |
433 | font-size: 1rem; | |
434 | padding-top: 0.75rem; | |
435 | padding-bottom: 0.5rem; | |
436 | margin: 0; | |
24c3fcb4 | 437 | } |
a76fac14 JB |
438 | .tsd-filter-item:not(:last-child) { |
439 | margin-bottom: 0.5rem; | |
24c3fcb4 | 440 | } |
a76fac14 JB |
441 | .tsd-filter-input { |
442 | display: flex; | |
443 | width: fit-content; | |
444 | width: -moz-fit-content; | |
445 | align-items: center; | |
446 | user-select: none; | |
447 | -webkit-user-select: none; | |
448 | -moz-user-select: none; | |
449 | -ms-user-select: none; | |
450 | cursor: pointer; | |
24c3fcb4 | 451 | } |
a76fac14 JB |
452 | .tsd-filter-input input[type="checkbox"] { |
453 | cursor: pointer; | |
454 | position: absolute; | |
455 | width: 1.5em; | |
456 | height: 1.5em; | |
457 | opacity: 0; | |
24c3fcb4 | 458 | } |
a76fac14 JB |
459 | .tsd-filter-input input[type="checkbox"]:disabled { |
460 | pointer-events: none; | |
24c3fcb4 | 461 | } |
a76fac14 JB |
462 | .tsd-filter-input svg { |
463 | cursor: pointer; | |
464 | width: 1.5em; | |
465 | height: 1.5em; | |
466 | margin-right: 0.5em; | |
467 | border-radius: 0.33em; | |
468 | /* Leaving this at full opacity breaks event listeners on Firefox. | |
469 | Don't remove unless you know what you're doing. */ | |
470 | opacity: 0.99; | |
24c3fcb4 | 471 | } |
a76fac14 JB |
472 | .tsd-filter-input input[type="checkbox"]:focus + svg { |
473 | transform: scale(0.95); | |
24c3fcb4 | 474 | } |
a76fac14 JB |
475 | .tsd-filter-input input[type="checkbox"]:focus:not(:focus-visible) + svg { |
476 | transform: scale(1); | |
24c3fcb4 | 477 | } |
a76fac14 JB |
478 | .tsd-checkbox-background { |
479 | fill: var(--color-accent); | |
24c3fcb4 | 480 | } |
a76fac14 JB |
481 | input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark { |
482 | stroke: var(--color-text); | |
24c3fcb4 | 483 | } |
a76fac14 JB |
484 | .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-background { |
485 | fill: var(--color-background); | |
486 | stroke: var(--color-accent); | |
487 | stroke-width: 0.25rem; | |
24c3fcb4 | 488 | } |
a76fac14 JB |
489 | .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-checkmark { |
490 | stroke: var(--color-accent); | |
24c3fcb4 | 491 | } |
a76fac14 JB |
492 | |
493 | .tsd-theme-toggle { | |
494 | padding-top: 0.75rem; | |
24c3fcb4 | 495 | } |
a76fac14 JB |
496 | .tsd-theme-toggle > h4 { |
497 | display: inline; | |
498 | vertical-align: middle; | |
499 | margin-right: 0.75rem; | |
24c3fcb4 JB |
500 | } |
501 | ||
502 | .tsd-hierarchy { | |
503 | list-style: square; | |
24c3fcb4 JB |
504 | margin: 0; |
505 | } | |
506 | .tsd-hierarchy .target { | |
507 | font-weight: bold; | |
508 | } | |
509 | ||
a76fac14 JB |
510 | .tsd-panel-group.tsd-index-group { |
511 | margin-bottom: 0; | |
512 | } | |
513 | .tsd-index-panel .tsd-index-list { | |
24c3fcb4 JB |
514 | list-style: none; |
515 | line-height: 1.333em; | |
a76fac14 JB |
516 | margin: 0; |
517 | padding: 0.25rem 0 0 0; | |
518 | overflow: hidden; | |
519 | display: grid; | |
520 | grid-template-columns: repeat(3, 1fr); | |
521 | column-gap: 1rem; | |
522 | grid-template-rows: auto; | |
523 | } | |
524 | @media (max-width: 1024px) { | |
525 | .tsd-index-panel .tsd-index-list { | |
526 | grid-template-columns: repeat(2, 1fr); | |
24c3fcb4 JB |
527 | } |
528 | } | |
a76fac14 JB |
529 | @media (max-width: 768px) { |
530 | .tsd-index-panel .tsd-index-list { | |
531 | grid-template-columns: repeat(1, 1fr); | |
24c3fcb4 JB |
532 | } |
533 | } | |
a76fac14 | 534 | .tsd-index-panel .tsd-index-list li { |
24c3fcb4 JB |
535 | -webkit-page-break-inside: avoid; |
536 | -moz-page-break-inside: avoid; | |
537 | -ms-page-break-inside: avoid; | |
538 | -o-page-break-inside: avoid; | |
539 | page-break-inside: avoid; | |
540 | } | |
541 | .tsd-index-panel a, | |
a76fac14 | 542 | .tsd-index-panel a.tsd-parent-kind-module { |
24c3fcb4 JB |
543 | color: var(--color-ts); |
544 | } | |
a76fac14 | 545 | .tsd-index-panel a.tsd-parent-kind-interface { |
24c3fcb4 JB |
546 | color: var(--color-ts-interface); |
547 | } | |
a76fac14 | 548 | .tsd-index-panel a.tsd-parent-kind-enum { |
24c3fcb4 JB |
549 | color: var(--color-ts-enum); |
550 | } | |
a76fac14 | 551 | .tsd-index-panel a.tsd-parent-kind-class { |
24c3fcb4 JB |
552 | color: var(--color-ts-class); |
553 | } | |
a76fac14 JB |
554 | .tsd-index-panel a.tsd-kind-module { |
555 | color: var(--color-ts-namespace); | |
24c3fcb4 | 556 | } |
a76fac14 | 557 | .tsd-index-panel a.tsd-kind-interface { |
24c3fcb4 JB |
558 | color: var(--color-ts-interface); |
559 | } | |
a76fac14 | 560 | .tsd-index-panel a.tsd-kind-enum { |
24c3fcb4 JB |
561 | color: var(--color-ts-enum); |
562 | } | |
a76fac14 | 563 | .tsd-index-panel a.tsd-kind-class { |
24c3fcb4 JB |
564 | color: var(--color-ts-class); |
565 | } | |
a76fac14 JB |
566 | .tsd-index-panel a.tsd-kind-function { |
567 | color: var(--color-ts-function); | |
568 | } | |
569 | .tsd-index-panel a.tsd-kind-namespace { | |
570 | color: var(--color-ts-namespace); | |
571 | } | |
572 | .tsd-index-panel a.tsd-kind-variable { | |
573 | color: var(--color-ts-variable); | |
574 | } | |
575 | .tsd-index-panel a.tsd-is-private { | |
24c3fcb4 JB |
576 | color: var(--color-ts-private); |
577 | } | |
578 | ||
579 | .tsd-flag { | |
580 | display: inline-block; | |
a76fac14 | 581 | padding: 0.25em 0.4em; |
24c3fcb4 JB |
582 | border-radius: 4px; |
583 | color: var(--color-comment-tag-text); | |
584 | background-color: var(--color-comment-tag); | |
585 | text-indent: 0; | |
a76fac14 JB |
586 | font-size: 75%; |
587 | line-height: 1; | |
24c3fcb4 JB |
588 | font-weight: normal; |
589 | } | |
590 | ||
591 | .tsd-anchor { | |
ec06e4dd | 592 | position: relative; |
24c3fcb4 JB |
593 | top: -100px; |
594 | } | |
595 | ||
596 | .tsd-member { | |
597 | position: relative; | |
598 | } | |
599 | .tsd-member .tsd-anchor + h3 { | |
a76fac14 JB |
600 | display: flex; |
601 | align-items: center; | |
24c3fcb4 JB |
602 | margin-top: 0; |
603 | margin-bottom: 0; | |
604 | border-bottom: none; | |
605 | } | |
606 | .tsd-member [data-tsd-kind] { | |
607 | color: var(--color-ts); | |
608 | } | |
609 | .tsd-member [data-tsd-kind="Interface"] { | |
610 | color: var(--color-ts-interface); | |
611 | } | |
612 | .tsd-member [data-tsd-kind="Enum"] { | |
613 | color: var(--color-ts-enum); | |
614 | } | |
615 | .tsd-member [data-tsd-kind="Class"] { | |
616 | color: var(--color-ts-class); | |
617 | } | |
618 | .tsd-member [data-tsd-kind="Private"] { | |
619 | color: var(--color-ts-private); | |
620 | } | |
621 | ||
ec06e4dd | 622 | .tsd-navigation.settings { |
623 | margin: 1rem 0; | |
624 | } | |
625 | .tsd-navigation a, | |
626 | .tsd-page-navigation a { | |
627 | display: inline-flex; | |
628 | align-items: center; | |
629 | padding: 0.25rem 0; | |
24c3fcb4 JB |
630 | color: var(--color-text); |
631 | text-decoration: none; | |
24c3fcb4 | 632 | } |
ec06e4dd | 633 | .tsd-navigation a { |
634 | /* why 3rem? No idea, but it seems to work. */ | |
635 | width: calc(100% - 3rem); | |
636 | } | |
637 | .tsd-page-navigation a { | |
638 | /* why is this different? */ | |
639 | width: 100%; | |
640 | } | |
641 | .tsd-navigation a.current, | |
642 | .tsd-page-navigation a.current { | |
643 | background: var(--color-accent); | |
644 | } | |
645 | .tsd-navigation a:hover, | |
646 | .tsd-page-navigation a:hover { | |
24c3fcb4 JB |
647 | text-decoration: underline; |
648 | } | |
ec06e4dd | 649 | .tsd-navigation ul, |
650 | .tsd-page-navigation ul { | |
24c3fcb4 JB |
651 | margin: 0; |
652 | padding: 0; | |
653 | list-style: none; | |
654 | } | |
ec06e4dd | 655 | .tsd-navigation li, |
656 | .tsd-page-navigation li { | |
24c3fcb4 | 657 | padding: 0; |
ec06e4dd | 658 | max-width: 100%; |
24c3fcb4 | 659 | } |
ec06e4dd | 660 | .tsd-nested-navigation > li > a { |
661 | margin-left: 3rem; | |
24c3fcb4 | 662 | } |
ec06e4dd | 663 | .tsd-nested-navigation > li > details { |
a76fac14 | 664 | margin-left: 1.5rem; |
24c3fcb4 | 665 | } |
ec06e4dd | 666 | .tsd-small-nested-navigation > li > a { |
667 | margin-left: 1.5rem; | |
24c3fcb4 | 668 | } |
ec06e4dd | 669 | .tsd-small-nested-navigation > li > details { |
670 | margin-left: 0; | |
24c3fcb4 | 671 | } |
ec06e4dd | 672 | .tsd-page-navigation ul { |
673 | padding-left: 1.75rem; | |
a76fac14 JB |
674 | } |
675 | ||
41015374 JB |
676 | #tsd-sidebar-links a { |
677 | margin-top: 0; | |
678 | margin-bottom: 0.5rem; | |
679 | line-height: 1.25rem; | |
680 | } | |
681 | #tsd-sidebar-links a:last-of-type { | |
682 | margin-bottom: 0; | |
683 | } | |
684 | ||
a76fac14 | 685 | a.tsd-index-link { |
ec06e4dd | 686 | padding: 0.25rem 0 !important; |
a76fac14 JB |
687 | font-size: 1rem; |
688 | line-height: 1.25rem; | |
689 | display: inline-flex; | |
690 | align-items: center; | |
691 | } | |
ec06e4dd | 692 | .tsd-accordion-summary, |
693 | .tsd-accordion-summary a { | |
a76fac14 JB |
694 | user-select: none; |
695 | -moz-user-select: none; | |
696 | -webkit-user-select: none; | |
697 | -ms-user-select: none; | |
ec06e4dd | 698 | |
699 | display: flex; | |
700 | align-items: center; | |
a76fac14 | 701 | cursor: pointer; |
24c3fcb4 | 702 | } |
a76fac14 JB |
703 | .tsd-accordion-summary > * { |
704 | margin-top: 0; | |
705 | margin-bottom: 0; | |
706 | padding-top: 0; | |
707 | padding-bottom: 0; | |
24c3fcb4 | 708 | } |
a76fac14 JB |
709 | .tsd-accordion-summary::-webkit-details-marker { |
710 | display: none; | |
24c3fcb4 | 711 | } |
a76fac14 JB |
712 | .tsd-index-accordion .tsd-accordion-summary svg { |
713 | margin-right: 0.25rem; | |
24c3fcb4 | 714 | } |
a76fac14 JB |
715 | .tsd-index-content > :not(:first-child) { |
716 | margin-top: 0.75rem; | |
717 | } | |
718 | .tsd-index-heading { | |
719 | margin-top: 1.5rem; | |
720 | margin-bottom: 0.75rem; | |
721 | } | |
722 | ||
723 | .tsd-kind-icon { | |
724 | margin-right: 0.5rem; | |
725 | width: 1.25rem; | |
726 | height: 1.25rem; | |
727 | min-width: 1.25rem; | |
728 | min-height: 1.25rem; | |
729 | } | |
730 | .tsd-kind-icon path { | |
731 | transform-origin: center; | |
732 | transform: scale(1.1); | |
733 | } | |
734 | .tsd-signature > .tsd-kind-icon { | |
735 | margin-right: 0.8rem; | |
24c3fcb4 JB |
736 | } |
737 | ||
24c3fcb4 | 738 | .tsd-panel { |
a76fac14 JB |
739 | margin-bottom: 2.5rem; |
740 | } | |
741 | .tsd-panel.tsd-member { | |
742 | margin-bottom: 4rem; | |
24c3fcb4 JB |
743 | } |
744 | .tsd-panel:empty { | |
745 | display: none; | |
746 | } | |
747 | .tsd-panel > h1, | |
748 | .tsd-panel > h2, | |
749 | .tsd-panel > h3 { | |
a76fac14 JB |
750 | margin: 1.5rem -1.5rem 0.75rem -1.5rem; |
751 | padding: 0 1.5rem 0.75rem 1.5rem; | |
24c3fcb4 JB |
752 | } |
753 | .tsd-panel > h1.tsd-before-signature, | |
754 | .tsd-panel > h2.tsd-before-signature, | |
755 | .tsd-panel > h3.tsd-before-signature { | |
756 | margin-bottom: 0; | |
a76fac14 | 757 | border-bottom: none; |
24c3fcb4 JB |
758 | } |
759 | ||
760 | .tsd-panel-group { | |
a76fac14 | 761 | margin: 4rem 0; |
24c3fcb4 | 762 | } |
a76fac14 JB |
763 | .tsd-panel-group.tsd-index-group { |
764 | margin: 2rem 0; | |
765 | } | |
766 | .tsd-panel-group.tsd-index-group details { | |
767 | margin: 2rem 0; | |
24c3fcb4 JB |
768 | } |
769 | ||
770 | #tsd-search { | |
771 | transition: background-color 0.2s; | |
772 | } | |
773 | #tsd-search .title { | |
774 | position: relative; | |
775 | z-index: 2; | |
776 | } | |
777 | #tsd-search .field { | |
778 | position: absolute; | |
779 | left: 0; | |
780 | top: 0; | |
a76fac14 JB |
781 | right: 2.5rem; |
782 | height: 100%; | |
24c3fcb4 JB |
783 | } |
784 | #tsd-search .field input { | |
785 | box-sizing: border-box; | |
786 | position: relative; | |
787 | top: -50px; | |
788 | z-index: 1; | |
789 | width: 100%; | |
790 | padding: 0 10px; | |
791 | opacity: 0; | |
792 | outline: 0; | |
793 | border: 0; | |
794 | background: transparent; | |
795 | color: var(--color-text); | |
796 | } | |
797 | #tsd-search .field label { | |
798 | position: absolute; | |
799 | overflow: hidden; | |
800 | right: -40px; | |
801 | } | |
802 | #tsd-search .field input, | |
41015374 JB |
803 | #tsd-search .title, |
804 | #tsd-toolbar-links a { | |
24c3fcb4 JB |
805 | transition: opacity 0.2s; |
806 | } | |
807 | #tsd-search .results { | |
808 | position: absolute; | |
809 | visibility: hidden; | |
810 | top: 40px; | |
811 | width: 100%; | |
812 | margin: 0; | |
813 | padding: 0; | |
814 | list-style: none; | |
815 | box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); | |
816 | } | |
817 | #tsd-search .results li { | |
818 | padding: 0 10px; | |
819 | background-color: var(--color-background); | |
820 | } | |
821 | #tsd-search .results li:nth-child(even) { | |
a76fac14 | 822 | background-color: var(--color-background-secondary); |
24c3fcb4 JB |
823 | } |
824 | #tsd-search .results li.state { | |
825 | display: none; | |
826 | } | |
827 | #tsd-search .results li.current, | |
828 | #tsd-search .results li:hover { | |
a76fac14 | 829 | background-color: var(--color-accent); |
24c3fcb4 JB |
830 | } |
831 | #tsd-search .results a { | |
832 | display: block; | |
833 | } | |
834 | #tsd-search .results a:before { | |
835 | top: 10px; | |
836 | } | |
837 | #tsd-search .results span.parent { | |
838 | color: var(--color-text-aside); | |
839 | font-weight: normal; | |
840 | } | |
841 | #tsd-search.has-focus { | |
a76fac14 | 842 | background-color: var(--color-accent); |
24c3fcb4 JB |
843 | } |
844 | #tsd-search.has-focus .field input { | |
845 | top: 0; | |
846 | opacity: 1; | |
847 | } | |
41015374 JB |
848 | #tsd-search.has-focus .title, |
849 | #tsd-search.has-focus #tsd-toolbar-links a { | |
24c3fcb4 JB |
850 | z-index: 0; |
851 | opacity: 0; | |
852 | } | |
853 | #tsd-search.has-focus .results { | |
854 | visibility: visible; | |
855 | } | |
856 | #tsd-search.loading .results li.state.loading { | |
857 | display: block; | |
858 | } | |
859 | #tsd-search.failure .results li.state.failure { | |
860 | display: block; | |
861 | } | |
862 | ||
41015374 JB |
863 | #tsd-toolbar-links { |
864 | position: absolute; | |
865 | top: 0; | |
866 | right: 2rem; | |
867 | height: 100%; | |
868 | display: flex; | |
869 | align-items: center; | |
870 | justify-content: flex-end; | |
871 | } | |
872 | #tsd-toolbar-links a { | |
873 | margin-left: 1.5rem; | |
874 | } | |
875 | #tsd-toolbar-links a:hover { | |
876 | text-decoration: underline; | |
877 | } | |
878 | ||
24c3fcb4 | 879 | .tsd-signature { |
a76fac14 JB |
880 | margin: 0 0 1rem 0; |
881 | padding: 1rem 0.5rem; | |
882 | border: 1px solid var(--color-accent); | |
24c3fcb4 JB |
883 | font-family: Menlo, Monaco, Consolas, "Courier New", monospace; |
884 | font-size: 14px; | |
885 | overflow-x: auto; | |
886 | } | |
24c3fcb4 JB |
887 | |
888 | .tsd-signature-symbol { | |
889 | color: var(--color-text-aside); | |
890 | font-weight: normal; | |
891 | } | |
892 | ||
893 | .tsd-signature-type { | |
894 | font-style: italic; | |
895 | font-weight: normal; | |
896 | } | |
897 | ||
898 | .tsd-signatures { | |
899 | padding: 0; | |
900 | margin: 0 0 1em 0; | |
a76fac14 | 901 | list-style-type: none; |
24c3fcb4 JB |
902 | } |
903 | .tsd-signatures .tsd-signature { | |
904 | margin: 0; | |
a76fac14 | 905 | border-color: var(--color-accent); |
24c3fcb4 | 906 | border-width: 1px 0; |
a76fac14 | 907 | transition: background-color 0.1s; |
24c3fcb4 | 908 | } |
a76fac14 JB |
909 | .tsd-description .tsd-signatures .tsd-signature { |
910 | border-width: 1px; | |
24c3fcb4 JB |
911 | } |
912 | ||
a76fac14 JB |
913 | ul.tsd-parameter-list, |
914 | ul.tsd-type-parameter-list { | |
24c3fcb4 JB |
915 | list-style: square; |
916 | margin: 0; | |
917 | padding-left: 20px; | |
918 | } | |
a76fac14 JB |
919 | ul.tsd-parameter-list > li.tsd-parameter-signature, |
920 | ul.tsd-type-parameter-list > li.tsd-parameter-signature { | |
24c3fcb4 JB |
921 | list-style: none; |
922 | margin-left: -20px; | |
923 | } | |
a76fac14 JB |
924 | ul.tsd-parameter-list h5, |
925 | ul.tsd-type-parameter-list h5 { | |
24c3fcb4 JB |
926 | font-size: 16px; |
927 | margin: 1em 0 0.5em 0; | |
928 | } | |
24c3fcb4 | 929 | .tsd-sources { |
a76fac14 JB |
930 | margin-top: 1rem; |
931 | font-size: 0.875em; | |
24c3fcb4 JB |
932 | } |
933 | .tsd-sources a { | |
934 | color: var(--color-text-aside); | |
935 | text-decoration: underline; | |
936 | } | |
24c3fcb4 JB |
937 | .tsd-sources ul { |
938 | list-style: none; | |
939 | padding: 0; | |
940 | } | |
941 | ||
942 | .tsd-page-toolbar { | |
ec06e4dd | 943 | position: sticky; |
24c3fcb4 JB |
944 | z-index: 1; |
945 | top: 0; | |
946 | left: 0; | |
947 | width: 100%; | |
a76fac14 JB |
948 | color: var(--color-text); |
949 | background: var(--color-background-secondary); | |
950 | border-bottom: 1px var(--color-accent) solid; | |
951 | transition: transform 0.3s ease-in-out; | |
24c3fcb4 JB |
952 | } |
953 | .tsd-page-toolbar a { | |
a76fac14 | 954 | color: var(--color-text); |
24c3fcb4 JB |
955 | text-decoration: none; |
956 | } | |
957 | .tsd-page-toolbar a.title { | |
958 | font-weight: bold; | |
959 | } | |
960 | .tsd-page-toolbar a.title:hover { | |
961 | text-decoration: underline; | |
962 | } | |
a76fac14 JB |
963 | .tsd-page-toolbar .tsd-toolbar-contents { |
964 | display: flex; | |
965 | justify-content: space-between; | |
966 | height: 2.5rem; | |
967 | margin: 0 auto; | |
24c3fcb4 JB |
968 | } |
969 | .tsd-page-toolbar .table-cell { | |
24c3fcb4 JB |
970 | position: relative; |
971 | white-space: nowrap; | |
972 | line-height: 40px; | |
973 | } | |
974 | .tsd-page-toolbar .table-cell:first-child { | |
975 | width: 100%; | |
976 | } | |
41015374 JB |
977 | .tsd-page-toolbar .tsd-toolbar-icon { |
978 | box-sizing: border-box; | |
979 | line-height: 0; | |
980 | padding: 12px 0; | |
981 | } | |
24c3fcb4 | 982 | |
24c3fcb4 JB |
983 | .tsd-widget { |
984 | display: inline-block; | |
985 | overflow: hidden; | |
986 | opacity: 0.8; | |
987 | height: 40px; | |
988 | transition: opacity 0.1s, background-color 0.2s; | |
989 | vertical-align: bottom; | |
990 | cursor: pointer; | |
991 | } | |
992 | .tsd-widget:hover { | |
993 | opacity: 0.9; | |
994 | } | |
995 | .tsd-widget.active { | |
996 | opacity: 1; | |
a76fac14 | 997 | background-color: var(--color-accent); |
24c3fcb4 JB |
998 | } |
999 | .tsd-widget.no-caption { | |
1000 | width: 40px; | |
1001 | } | |
1002 | .tsd-widget.no-caption:before { | |
1003 | margin: 0; | |
1004 | } | |
a76fac14 | 1005 | |
24c3fcb4 JB |
1006 | .tsd-widget.options, |
1007 | .tsd-widget.menu { | |
1008 | display: none; | |
1009 | } | |
24c3fcb4 JB |
1010 | input[type="checkbox"] + .tsd-widget:before { |
1011 | background-position: -120px 0; | |
1012 | } | |
1013 | input[type="checkbox"]:checked + .tsd-widget:before { | |
1014 | background-position: -160px 0; | |
1015 | } | |
1016 | ||
a76fac14 JB |
1017 | img { |
1018 | max-width: 100%; | |
24c3fcb4 | 1019 | } |
a76fac14 JB |
1020 | |
1021 | .tsd-anchor-icon { | |
1022 | display: inline-flex; | |
1023 | align-items: center; | |
1024 | margin-left: 0.5rem; | |
1025 | vertical-align: middle; | |
1026 | color: var(--color-text); | |
24c3fcb4 | 1027 | } |
a76fac14 JB |
1028 | |
1029 | .tsd-anchor-icon svg { | |
1030 | width: 1em; | |
1031 | height: 1em; | |
24c3fcb4 | 1032 | visibility: hidden; |
24c3fcb4 | 1033 | } |
a76fac14 JB |
1034 | |
1035 | .tsd-anchor-link:hover > .tsd-anchor-icon svg { | |
1036 | visibility: visible; | |
24c3fcb4 | 1037 | } |
a76fac14 JB |
1038 | |
1039 | .deprecated { | |
1040 | text-decoration: line-through; | |
24c3fcb4 | 1041 | } |
a76fac14 | 1042 | |
cfc6e8df | 1043 | .warning { |
1044 | padding: 1rem; | |
1045 | color: var(--color-warning-text); | |
1046 | background: var(--color-background-warning); | |
1047 | } | |
1048 | ||
a76fac14 JB |
1049 | * { |
1050 | scrollbar-width: thin; | |
1051 | scrollbar-color: var(--color-accent) var(--color-icon-background); | |
24c3fcb4 | 1052 | } |
a76fac14 JB |
1053 | |
1054 | *::-webkit-scrollbar { | |
1055 | width: 0.75rem; | |
24c3fcb4 | 1056 | } |
a76fac14 JB |
1057 | |
1058 | *::-webkit-scrollbar-track { | |
1059 | background: var(--color-icon-background); | |
24c3fcb4 JB |
1060 | } |
1061 | ||
a76fac14 JB |
1062 | *::-webkit-scrollbar-thumb { |
1063 | background-color: var(--color-accent); | |
1064 | border-radius: 999rem; | |
1065 | border: 0.25rem solid var(--color-icon-background); | |
24c3fcb4 | 1066 | } |
ec06e4dd | 1067 | |
1068 | /* mobile */ | |
1069 | @media (max-width: 769px) { | |
1070 | .tsd-widget.options, | |
1071 | .tsd-widget.menu { | |
1072 | display: inline-block; | |
1073 | } | |
1074 | ||
1075 | .container-main { | |
1076 | display: flex; | |
1077 | } | |
1078 | html .col-content { | |
1079 | float: none; | |
1080 | max-width: 100%; | |
1081 | width: 100%; | |
1082 | } | |
1083 | html .col-sidebar { | |
1084 | position: fixed !important; | |
1085 | overflow-y: auto; | |
1086 | -webkit-overflow-scrolling: touch; | |
1087 | z-index: 1024; | |
1088 | top: 0 !important; | |
1089 | bottom: 0 !important; | |
1090 | left: auto !important; | |
1091 | right: 0 !important; | |
1092 | padding: 1.5rem 1.5rem 0 0; | |
1093 | width: 75vw; | |
1094 | visibility: hidden; | |
1095 | background-color: var(--color-background); | |
1096 | transform: translate(100%, 0); | |
1097 | } | |
1098 | html .col-sidebar > *:last-child { | |
1099 | padding-bottom: 20px; | |
1100 | } | |
1101 | html .overlay { | |
1102 | content: ""; | |
1103 | display: block; | |
1104 | position: fixed; | |
1105 | z-index: 1023; | |
1106 | top: 0; | |
1107 | left: 0; | |
1108 | right: 0; | |
1109 | bottom: 0; | |
1110 | background-color: rgba(0, 0, 0, 0.75); | |
1111 | visibility: hidden; | |
1112 | } | |
1113 | ||
1114 | .to-has-menu .overlay { | |
1115 | animation: fade-in 0.4s; | |
1116 | } | |
1117 | ||
1118 | .to-has-menu .col-sidebar { | |
1119 | animation: pop-in-from-right 0.4s; | |
1120 | } | |
1121 | ||
1122 | .from-has-menu .overlay { | |
1123 | animation: fade-out 0.4s; | |
1124 | } | |
1125 | ||
1126 | .from-has-menu .col-sidebar { | |
1127 | animation: pop-out-to-right 0.4s; | |
1128 | } | |
1129 | ||
1130 | .has-menu body { | |
1131 | overflow: hidden; | |
1132 | } | |
1133 | .has-menu .overlay { | |
1134 | visibility: visible; | |
1135 | } | |
1136 | .has-menu .col-sidebar { | |
1137 | visibility: visible; | |
1138 | transform: translate(0, 0); | |
1139 | display: flex; | |
1140 | flex-direction: column; | |
1141 | gap: 1.5rem; | |
1142 | max-height: 100vh; | |
1143 | padding: 1rem 2rem; | |
1144 | } | |
1145 | .has-menu .tsd-navigation { | |
1146 | max-height: 100%; | |
1147 | } | |
1148 | } | |
1149 | ||
1150 | /* one sidebar */ | |
1151 | @media (min-width: 770px) { | |
1152 | .container-main { | |
1153 | display: grid; | |
1154 | grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); | |
1155 | grid-template-areas: "sidebar content"; | |
1156 | margin: 2rem auto; | |
1157 | } | |
1158 | ||
1159 | .col-sidebar { | |
1160 | grid-area: sidebar; | |
1161 | } | |
1162 | .col-content { | |
1163 | grid-area: content; | |
1164 | padding: 0 1rem; | |
1165 | } | |
1166 | } | |
1167 | @media (min-width: 770px) and (max-width: 1399px) { | |
1168 | .col-sidebar { | |
1169 | max-height: calc(100vh - 2rem - 42px); | |
1170 | overflow: auto; | |
1171 | position: sticky; | |
1172 | top: 42px; | |
1173 | padding-top: 1rem; | |
1174 | } | |
1175 | } | |
1176 | ||
1177 | /* two sidebars */ | |
1178 | @media (min-width: 1200px) { | |
1179 | .container-main { | |
1180 | grid-template-columns: minmax(0, 1fr) minmax(0, 2.5fr) minmax(0, 20rem); | |
1181 | grid-template-areas: "sidebar content toc"; | |
1182 | } | |
1183 | ||
1184 | .col-sidebar { | |
1185 | display: contents; | |
1186 | } | |
1187 | ||
1188 | .page-menu { | |
1189 | grid-area: toc; | |
1190 | padding-left: 1rem; | |
1191 | } | |
1192 | .site-menu { | |
1193 | grid-area: sidebar; | |
1194 | } | |
1195 | ||
1196 | .site-menu { | |
1197 | margin-top: 1rem 0; | |
1198 | } | |
1199 | ||
1200 | .page-menu, | |
1201 | .site-menu { | |
1202 | max-height: calc(100vh - 2rem - 42px); | |
1203 | overflow: auto; | |
1204 | position: sticky; | |
1205 | top: 42px; | |
1206 | } | |
1207 | } |