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