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