Merge branch 'master' of github.com:jerome-benoit/poolifier
[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
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;
a76fac14 20 --light-color-ts-function: #572be7;
3bd6a82e 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);
3bd6a82e 35 --light-color-ts-type-alias: #d51270;
36 /* reference not included as links will be colored with the kind that it points to */
37
24c3fcb4 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>");
a76fac14 39 --light-color-scheme: light;
24c3fcb4
JB
40
41 /* Dark */
a76fac14
JB
42 --dark-color-background: #2b2e33;
43 --dark-color-background-secondary: #1e2024;
cfc6e8df 44 --dark-color-background-warning: #bebe00;
45 --dark-color-warning-text: #222;
a76fac14
JB
46 --dark-color-icon-background: var(--dark-color-background-secondary);
47 --dark-color-accent: #9096a2;
8d1797ad 48 --dark-color-active-menu-item: #5d5d6a;
a76fac14
JB
49 --dark-color-text: #f5f5f5;
50 --dark-color-text-aside: #dddddd;
24c3fcb4 51 --dark-color-link: #00aff4;
3bd6a82e 52
fab6d3b5 53 --dark-color-ts-project: #e358ff;
3bd6a82e 54 --dark-color-ts-module: var(--dark-color-ts-project);
55 --dark-color-ts-namespace: var(--dark-color-ts-project);
a76fac14 56 --dark-color-ts-enum: #f4d93e;
3bd6a82e 57 --dark-color-ts-enum-member: var(--dark-color-ts-enum);
8d1797ad 58 --dark-color-ts-variable: #798dff;
fab6d3b5 59 --dark-color-ts-function: #a280ff;
8d1797ad 60 --dark-color-ts-class: #8ac4ff;
3bd6a82e 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);
3bd6a82e 74 --dark-color-ts-type-alias: #ff6492;
75 /* reference not included as links will be colored with the kind that it points to */
76
24c3fcb4 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>");
a76fac14 78 --dark-color-scheme: dark;
24c3fcb4
JB
79}
80
81@media (prefers-color-scheme: light) {
82 :root {
83 --color-background: var(--light-color-background);
a76fac14 84 --color-background-secondary: var(--light-color-background-secondary);
cfc6e8df 85 --color-background-warning: var(--light-color-background-warning);
86 --color-warning-text: var(--light-color-warning-text);
a76fac14
JB
87 --color-icon-background: var(--light-color-icon-background);
88 --color-accent: var(--light-color-accent);
8d1797ad 89 --color-active-menu-item: var(--light-color-active-menu-item);
24c3fcb4
JB
90 --color-text: var(--light-color-text);
91 --color-text-aside: var(--light-color-text-aside);
92 --color-link: var(--light-color-link);
3bd6a82e 93
94 --color-ts-module: var(--light-color-ts-module);
a76fac14 95 --color-ts-namespace: var(--light-color-ts-namespace);
3bd6a82e 96 --color-ts-enum: var(--light-color-ts-enum);
97 --color-ts-enum-member: var(--light-color-ts-enum-member);
a76fac14 98 --color-ts-variable: var(--light-color-ts-variable);
3bd6a82e 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
24c3fcb4 117 --external-icon: var(--light-external-icon);
a76fac14 118 --color-scheme: var(--light-color-scheme);
24c3fcb4
JB
119 }
120}
121
122@media (prefers-color-scheme: dark) {
123 :root {
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);
8d1797ad 130 --color-active-menu-item: var(--dark-color-active-menu-item);
24c3fcb4
JB
131 --color-text: var(--dark-color-text);
132 --color-text-aside: var(--dark-color-text-aside);
133 --color-link: var(--dark-color-link);
3bd6a82e 134
135 --color-ts-module: var(--dark-color-ts-module);
a76fac14 136 --color-ts-namespace: var(--dark-color-ts-namespace);
3bd6a82e 137 --color-ts-enum: var(--dark-color-ts-enum);
138 --color-ts-enum-member: var(--dark-color-ts-enum-member);
a76fac14 139 --color-ts-variable: var(--dark-color-ts-variable);
3bd6a82e 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
24c3fcb4 158 --external-icon: var(--dark-external-icon);
a76fac14 159 --color-scheme: var(--dark-color-scheme);
24c3fcb4
JB
160 }
161}
162
a76fac14
JB
163html {
164 color-scheme: var(--color-scheme);
165}
166
24c3fcb4
JB
167body {
168 margin: 0;
169}
170
a76fac14 171:root[data-theme="light"] {
24c3fcb4 172 --color-background: var(--light-color-background);
a76fac14 173 --color-background-secondary: var(--light-color-background-secondary);
cfc6e8df 174 --color-background-warning: var(--light-color-background-warning);
175 --color-warning-text: var(--light-color-warning-text);
a76fac14
JB
176 --color-icon-background: var(--light-color-icon-background);
177 --color-accent: var(--light-color-accent);
8d1797ad 178 --color-active-menu-item: var(--light-color-active-menu-item);
24c3fcb4
JB
179 --color-text: var(--light-color-text);
180 --color-text-aside: var(--light-color-text-aside);
181 --color-link: var(--light-color-link);
3bd6a82e 182
183 --color-ts-module: var(--light-color-ts-module);
a76fac14 184 --color-ts-namespace: var(--light-color-ts-namespace);
3bd6a82e 185 --color-ts-enum: var(--light-color-ts-enum);
186 --color-ts-enum-member: var(--light-color-ts-enum-member);
a76fac14 187 --color-ts-variable: var(--light-color-ts-variable);
3bd6a82e 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
24c3fcb4 206 --external-icon: var(--light-external-icon);
a76fac14 207 --color-scheme: var(--light-color-scheme);
24c3fcb4
JB
208}
209
a76fac14 210:root[data-theme="dark"] {
24c3fcb4 211 --color-background: var(--dark-color-background);
a76fac14 212 --color-background-secondary: var(--dark-color-background-secondary);
cfc6e8df 213 --color-background-warning: var(--dark-color-background-warning);
214 --color-warning-text: var(--dark-color-warning-text);
a76fac14
JB
215 --color-icon-background: var(--dark-color-icon-background);
216 --color-accent: var(--dark-color-accent);
8d1797ad 217 --color-active-menu-item: var(--dark-color-active-menu-item);
24c3fcb4
JB
218 --color-text: var(--dark-color-text);
219 --color-text-aside: var(--dark-color-text-aside);
220 --color-link: var(--dark-color-link);
3bd6a82e 221
222 --color-ts-module: var(--dark-color-ts-module);
a76fac14 223 --color-ts-namespace: var(--dark-color-ts-namespace);
3bd6a82e 224 --color-ts-enum: var(--dark-color-ts-enum);
225 --color-ts-enum-member: var(--dark-color-ts-enum-member);
a76fac14 226 --color-ts-variable: var(--dark-color-ts-variable);
3bd6a82e 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
24c3fcb4 245 --external-icon: var(--dark-external-icon);
a76fac14
JB
246 --color-scheme: var(--dark-color-scheme);
247}
248
cfc6e8df 249.always-visible,
250.always-visible .tsd-signatures {
251 display: inherit !important;
252}
253
a76fac14
JB
254h1,
255h2,
256h3,
257h4,
258h5,
259h6 {
260 line-height: 1.2;
24c3fcb4
JB
261}
262
fab6d3b5 263h1 > a,
264h2 > a,
265h3 > a,
266h4 > a,
267h5 > a,
268h6 > a {
269 text-decoration: none;
270 color: var(--color-text);
271}
272
24c3fcb4 273h1 {
a76fac14
JB
274 font-size: 1.875rem;
275 margin: 0.67rem 0;
24c3fcb4
JB
276}
277
278h2 {
a76fac14
JB
279 font-size: 1.5rem;
280 margin: 0.83rem 0;
24c3fcb4
JB
281}
282
283h3 {
a76fac14
JB
284 font-size: 1.25rem;
285 margin: 1rem 0;
24c3fcb4
JB
286}
287
a76fac14
JB
288h4 {
289 font-size: 1.05rem;
290 margin: 1.33rem 0;
24c3fcb4
JB
291}
292
293h5 {
a76fac14
JB
294 font-size: 1rem;
295 margin: 1.5rem 0;
24c3fcb4
JB
296}
297
298h6 {
a76fac14
JB
299 font-size: 0.875rem;
300 margin: 2.33rem 0;
301}
302
303.uppercase {
304 text-transform: uppercase;
24c3fcb4
JB
305}
306
24c3fcb4
JB
307dl,
308menu,
309ol,
310ul {
311 margin: 1em 0;
312}
313
314dd {
315 margin: 0 0 0 40px;
316}
317
318.container {
ec06e4dd 319 max-width: 1700px;
a76fac14
JB
320 padding: 0 2rem;
321}
322
a76fac14
JB
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;
24c3fcb4
JB
335}
336
a76fac14 337.container-main {
a76fac14 338 margin: 0 auto;
ec06e4dd 339 /* toolbar, footer, margin */
340 min-height: calc(100vh - 41px - 56px - 4rem);
24c3fcb4
JB
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}
24c3fcb4
JB
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}
400body {
401 background: var(--color-background);
402 font-family: "Segoe UI", sans-serif;
403 font-size: 16px;
404 color: var(--color-text);
405}
406
407a {
408 color: var(--color-link);
409 text-decoration: none;
410}
411a:hover {
412 text-decoration: underline;
413}
414a.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
421code,
422pre {
423 font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
424 padding: 0.2em;
425 margin: 0;
a76fac14
JB
426 font-size: 0.875rem;
427 border-radius: 0.8em;
24c3fcb4
JB
428}
429
430pre {
fab6d3b5 431 position: relative;
432 white-space: pre;
433 white-space: pre-wrap;
434 word-wrap: break-word;
24c3fcb4 435 padding: 10px;
fab6d3b5 436 border: 1px solid var(--color-accent);
24c3fcb4
JB
437}
438pre code {
439 padding: 0;
440 font-size: 100%;
441}
fab6d3b5 442pre > button {
443 position: absolute;
444 top: 10px;
445 right: 10px;
446 opacity: 0;
447 transition: opacity 0.1s;
448 box-sizing: border-box;
449}
450pre:hover > button,
451pre > button.visible {
452 opacity: 1;
453}
24c3fcb4
JB
454
455blockquote {
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}
24c3fcb4
JB
469.tsd-typography .tsd-index-panel h3,
470.tsd-index-panel .tsd-typography h3,
323daa7f 471.tsd-typography h4,
24c3fcb4
JB
472.tsd-typography h5,
473.tsd-typography h6 {
474 font-size: 1em;
24c3fcb4
JB
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}
323daa7f 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}
24c3fcb4 498
24c3fcb4
JB
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
a76fac14
JB
518.tsd-comment-tags {
519 display: flex;
520 flex-direction: column;
521}
522dl.tsd-comment-tag-group {
523 display: flex;
524 align-items: center;
24c3fcb4 525 overflow: hidden;
a76fac14 526 margin: 0.5em 0;
24c3fcb4 527}
a76fac14
JB
528dl.tsd-comment-tag-group dt {
529 display: flex;
530 margin-right: 0.5em;
531 font-size: 0.875em;
24c3fcb4
JB
532 font-weight: normal;
533}
a76fac14
JB
534dl.tsd-comment-tag-group dd {
535 margin: 0;
536}
537code.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}
543h1 code.tsd-tag:first-of-type {
544 margin-left: 0.25em;
24c3fcb4 545}
a76fac14
JB
546
547dl.tsd-comment-tag-group dd:before,
548dl.tsd-comment-tag-group dd:after {
24c3fcb4
JB
549 content: " ";
550}
a76fac14
JB
551dl.tsd-comment-tag-group dd pre,
552dl.tsd-comment-tag-group dd:after {
24c3fcb4
JB
553 clear: both;
554}
a76fac14 555dl.tsd-comment-tag-group p {
24c3fcb4
JB
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
a76fac14
JB
568.tsd-filter-visibility h4 {
569 font-size: 1rem;
570 padding-top: 0.75rem;
571 padding-bottom: 0.5rem;
572 margin: 0;
24c3fcb4 573}
a76fac14
JB
574.tsd-filter-item:not(:last-child) {
575 margin-bottom: 0.5rem;
24c3fcb4 576}
a76fac14
JB
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;
24c3fcb4 587}
a76fac14
JB
588.tsd-filter-input input[type="checkbox"] {
589 cursor: pointer;
590 position: absolute;
591 width: 1.5em;
592 height: 1.5em;
593 opacity: 0;
24c3fcb4 594}
a76fac14
JB
595.tsd-filter-input input[type="checkbox"]:disabled {
596 pointer-events: none;
24c3fcb4 597}
a76fac14
JB
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;
24c3fcb4 607}
a76fac14
JB
608.tsd-filter-input input[type="checkbox"]:focus + svg {
609 transform: scale(0.95);
24c3fcb4 610}
a76fac14
JB
611.tsd-filter-input input[type="checkbox"]:focus:not(:focus-visible) + svg {
612 transform: scale(1);
24c3fcb4 613}
a76fac14
JB
614.tsd-checkbox-background {
615 fill: var(--color-accent);
24c3fcb4 616}
a76fac14
JB
617input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
618 stroke: var(--color-text);
24c3fcb4 619}
a76fac14
JB
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;
24c3fcb4 624}
a76fac14
JB
625.tsd-filter-input input:disabled ~ svg > .tsd-checkbox-checkmark {
626 stroke: var(--color-accent);
24c3fcb4 627}
a76fac14
JB
628
629.tsd-theme-toggle {
630 padding-top: 0.75rem;
24c3fcb4 631}
a76fac14
JB
632.tsd-theme-toggle > h4 {
633 display: inline;
634 vertical-align: middle;
635 margin-right: 0.75rem;
24c3fcb4
JB
636}
637
638.tsd-hierarchy {
639 list-style: square;
24c3fcb4
JB
640 margin: 0;
641}
642.tsd-hierarchy .target {
643 font-weight: bold;
644}
645
a76fac14
JB
646.tsd-panel-group.tsd-index-group {
647 margin-bottom: 0;
648}
649.tsd-index-panel .tsd-index-list {
24c3fcb4
JB
650 list-style: none;
651 line-height: 1.333em;
a76fac14
JB
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);
24c3fcb4
JB
663 }
664}
a76fac14
JB
665@media (max-width: 768px) {
666 .tsd-index-panel .tsd-index-list {
667 grid-template-columns: repeat(1, 1fr);
24c3fcb4
JB
668 }
669}
a76fac14 670.tsd-index-panel .tsd-index-list li {
24c3fcb4
JB
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}
24c3fcb4
JB
677
678.tsd-flag {
679 display: inline-block;
a76fac14 680 padding: 0.25em 0.4em;
24c3fcb4
JB
681 border-radius: 4px;
682 color: var(--color-comment-tag-text);
683 background-color: var(--color-comment-tag);
684 text-indent: 0;
a76fac14
JB
685 font-size: 75%;
686 line-height: 1;
24c3fcb4
JB
687 font-weight: normal;
688}
689
690.tsd-anchor {
ec06e4dd 691 position: relative;
24c3fcb4
JB
692 top: -100px;
693}
694
695.tsd-member {
696 position: relative;
697}
698.tsd-member .tsd-anchor + h3 {
a76fac14
JB
699 display: flex;
700 align-items: center;
24c3fcb4
JB
701 margin-top: 0;
702 margin-bottom: 0;
703 border-bottom: none;
704}
24c3fcb4 705
ec06e4dd 706.tsd-navigation.settings {
707 margin: 1rem 0;
708}
fab6d3b5 709.tsd-navigation > a,
710.tsd-navigation .tsd-accordion-summary {
711 width: calc(100% - 0.5rem);
712}
ec06e4dd 713.tsd-navigation a,
fab6d3b5 714.tsd-navigation summary > span,
ec06e4dd 715.tsd-page-navigation a {
716 display: inline-flex;
717 align-items: center;
3bd6a82e 718 padding: 0.25rem;
24c3fcb4
JB
719 color: var(--color-text);
720 text-decoration: none;
3bd6a82e 721 box-sizing: border-box;
24c3fcb4 722}
ec06e4dd 723.tsd-navigation a.current,
724.tsd-page-navigation a.current {
8d1797ad 725 background: var(--color-active-menu-item);
ec06e4dd 726}
727.tsd-navigation a:hover,
728.tsd-page-navigation a:hover {
24c3fcb4
JB
729 text-decoration: underline;
730}
ec06e4dd 731.tsd-navigation ul,
732.tsd-page-navigation ul {
fab6d3b5 733 margin-top: 0;
734 margin-bottom: 0;
24c3fcb4
JB
735 padding: 0;
736 list-style: none;
737}
ec06e4dd 738.tsd-navigation li,
739.tsd-page-navigation li {
24c3fcb4 740 padding: 0;
ec06e4dd 741 max-width: 100%;
24c3fcb4 742}
fab6d3b5 743.tsd-nested-navigation {
ec06e4dd 744 margin-left: 3rem;
24c3fcb4 745}
ec06e4dd 746.tsd-nested-navigation > li > details {
fab6d3b5 747 margin-left: -1.5rem;
24c3fcb4 748}
fab6d3b5 749.tsd-small-nested-navigation {
ec06e4dd 750 margin-left: 1.5rem;
24c3fcb4 751}
ec06e4dd 752.tsd-small-nested-navigation > li > details {
fab6d3b5 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);
24c3fcb4 759}
fab6d3b5 760
ec06e4dd 761.tsd-page-navigation ul {
762 padding-left: 1.75rem;
a76fac14
JB
763}
764
41015374
JB
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
a76fac14 774a.tsd-index-link {
ec06e4dd 775 padding: 0.25rem 0 !important;
a76fac14
JB
776 font-size: 1rem;
777 line-height: 1.25rem;
778 display: inline-flex;
779 align-items: center;
8d1797ad 780 color: var(--color-text);
a76fac14 781}
fab6d3b5 782.tsd-accordion-summary {
493f77bd 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 */
fab6d3b5 788}
ec06e4dd 789.tsd-accordion-summary,
790.tsd-accordion-summary a {
a76fac14
JB
791 user-select: none;
792 -moz-user-select: none;
793 -webkit-user-select: none;
794 -ms-user-select: none;
ec06e4dd 795
a76fac14 796 cursor: pointer;
24c3fcb4 797}
fab6d3b5 798.tsd-accordion-summary a {
493f77bd 799 width: calc(100% - 1.5rem);
fab6d3b5 800}
a76fac14
JB
801.tsd-accordion-summary > * {
802 margin-top: 0;
803 margin-bottom: 0;
804 padding-top: 0;
805 padding-bottom: 0;
24c3fcb4 806}
fab6d3b5 807.tsd-index-accordion .tsd-accordion-summary > svg {
808 margin-left: 0.25rem;
24c3fcb4 809}
a76fac14
JB
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;
24c3fcb4
JB
831}
832
24c3fcb4 833.tsd-panel {
a76fac14
JB
834 margin-bottom: 2.5rem;
835}
836.tsd-panel.tsd-member {
837 margin-bottom: 4rem;
24c3fcb4
JB
838}
839.tsd-panel:empty {
840 display: none;
841}
842.tsd-panel > h1,
843.tsd-panel > h2,
844.tsd-panel > h3 {
a76fac14
JB
845 margin: 1.5rem -1.5rem 0.75rem -1.5rem;
846 padding: 0 1.5rem 0.75rem 1.5rem;
24c3fcb4
JB
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;
a76fac14 852 border-bottom: none;
24c3fcb4
JB
853}
854
855.tsd-panel-group {
a76fac14 856 margin: 4rem 0;
24c3fcb4 857}
a76fac14
JB
858.tsd-panel-group.tsd-index-group {
859 margin: 2rem 0;
860}
861.tsd-panel-group.tsd-index-group details {
862 margin: 2rem 0;
24c3fcb4
JB
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;
a76fac14
JB
876 right: 2.5rem;
877 height: 100%;
24c3fcb4
JB
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,
41015374
JB
898#tsd-search .title,
899#tsd-toolbar-links a {
24c3fcb4
JB
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) {
a76fac14 917 background-color: var(--color-background-secondary);
24c3fcb4
JB
918}
919#tsd-search .results li.state {
920 display: none;
921}
323daa7f 922#tsd-search .results li.current:not(.no-results),
923#tsd-search .results li:hover:not(.no-results) {
a76fac14 924 background-color: var(--color-accent);
24c3fcb4
JB
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 {
a76fac14 937 background-color: var(--color-accent);
24c3fcb4
JB
938}
939#tsd-search.has-focus .field input {
940 top: 0;
941 opacity: 1;
942}
41015374
JB
943#tsd-search.has-focus .title,
944#tsd-search.has-focus #tsd-toolbar-links a {
24c3fcb4
JB
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
41015374
JB
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
24c3fcb4 974.tsd-signature {
a76fac14
JB
975 margin: 0 0 1rem 0;
976 padding: 1rem 0.5rem;
977 border: 1px solid var(--color-accent);
24c3fcb4
JB
978 font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
979 font-size: 14px;
980 overflow-x: auto;
981}
24c3fcb4
JB
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;
a76fac14 996 list-style-type: none;
24c3fcb4
JB
997}
998.tsd-signatures .tsd-signature {
999 margin: 0;
a76fac14 1000 border-color: var(--color-accent);
24c3fcb4 1001 border-width: 1px 0;
a76fac14 1002 transition: background-color 0.1s;
24c3fcb4 1003}
a76fac14
JB
1004.tsd-description .tsd-signatures .tsd-signature {
1005 border-width: 1px;
24c3fcb4
JB
1006}
1007
a76fac14
JB
1008ul.tsd-parameter-list,
1009ul.tsd-type-parameter-list {
24c3fcb4
JB
1010 list-style: square;
1011 margin: 0;
1012 padding-left: 20px;
1013}
a76fac14
JB
1014ul.tsd-parameter-list > li.tsd-parameter-signature,
1015ul.tsd-type-parameter-list > li.tsd-parameter-signature {
24c3fcb4
JB
1016 list-style: none;
1017 margin-left: -20px;
1018}
a76fac14
JB
1019ul.tsd-parameter-list h5,
1020ul.tsd-type-parameter-list h5 {
24c3fcb4
JB
1021 font-size: 16px;
1022 margin: 1em 0 0.5em 0;
1023}
24c3fcb4 1024.tsd-sources {
a76fac14
JB
1025 margin-top: 1rem;
1026 font-size: 0.875em;
24c3fcb4
JB
1027}
1028.tsd-sources a {
1029 color: var(--color-text-aside);
1030 text-decoration: underline;
1031}
24c3fcb4
JB
1032.tsd-sources ul {
1033 list-style: none;
1034 padding: 0;
1035}
1036
1037.tsd-page-toolbar {
ec06e4dd 1038 position: sticky;
24c3fcb4
JB
1039 z-index: 1;
1040 top: 0;
1041 left: 0;
1042 width: 100%;
a76fac14
JB
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;
24c3fcb4
JB
1047}
1048.tsd-page-toolbar a {
a76fac14 1049 color: var(--color-text);
24c3fcb4
JB
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}
a76fac14
JB
1058.tsd-page-toolbar .tsd-toolbar-contents {
1059 display: flex;
1060 justify-content: space-between;
1061 height: 2.5rem;
1062 margin: 0 auto;
24c3fcb4
JB
1063}
1064.tsd-page-toolbar .table-cell {
24c3fcb4
JB
1065 position: relative;
1066 white-space: nowrap;
1067 line-height: 40px;
1068}
1069.tsd-page-toolbar .table-cell:first-child {
1070 width: 100%;
1071}
41015374
JB
1072.tsd-page-toolbar .tsd-toolbar-icon {
1073 box-sizing: border-box;
1074 line-height: 0;
1075 padding: 12px 0;
1076}
24c3fcb4 1077
24c3fcb4
JB
1078.tsd-widget {
1079 display: inline-block;
1080 overflow: hidden;
1081 opacity: 0.8;
1082 height: 40px;
323daa7f 1083 transition:
1084 opacity 0.1s,
1085 background-color 0.2s;
24c3fcb4
JB
1086 vertical-align: bottom;
1087 cursor: pointer;
1088}
1089.tsd-widget:hover {
1090 opacity: 0.9;
1091}
1092.tsd-widget.active {
1093 opacity: 1;
a76fac14 1094 background-color: var(--color-accent);
24c3fcb4
JB
1095}
1096.tsd-widget.no-caption {
1097 width: 40px;
1098}
1099.tsd-widget.no-caption:before {
1100 margin: 0;
1101}
a76fac14 1102
24c3fcb4
JB
1103.tsd-widget.options,
1104.tsd-widget.menu {
1105 display: none;
1106}
24c3fcb4
JB
1107input[type="checkbox"] + .tsd-widget:before {
1108 background-position: -120px 0;
1109}
1110input[type="checkbox"]:checked + .tsd-widget:before {
1111 background-position: -160px 0;
1112}
1113
a76fac14
JB
1114img {
1115 max-width: 100%;
24c3fcb4 1116}
a76fac14
JB
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);
24c3fcb4 1124}
a76fac14
JB
1125
1126.tsd-anchor-icon svg {
1127 width: 1em;
1128 height: 1em;
24c3fcb4 1129 visibility: hidden;
24c3fcb4 1130}
a76fac14
JB
1131
1132.tsd-anchor-link:hover > .tsd-anchor-icon svg {
1133 visibility: visible;
24c3fcb4 1134}
a76fac14
JB
1135
1136.deprecated {
1137 text-decoration: line-through;
24c3fcb4 1138}
a76fac14 1139
cfc6e8df 1140.warning {
1141 padding: 1rem;
1142 color: var(--color-warning-text);
1143 background: var(--color-background-warning);
1144}
1145
3bd6a82e 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
a76fac14
JB
1218* {
1219 scrollbar-width: thin;
1220 scrollbar-color: var(--color-accent) var(--color-icon-background);
24c3fcb4 1221}
a76fac14
JB
1222
1223*::-webkit-scrollbar {
1224 width: 0.75rem;
24c3fcb4 1225}
a76fac14
JB
1226
1227*::-webkit-scrollbar-track {
1228 background: var(--color-icon-background);
24c3fcb4
JB
1229}
1230
a76fac14
JB
1231*::-webkit-scrollbar-thumb {
1232 background-color: var(--color-accent);
1233 border-radius: 999rem;
1234 border: 0.25rem solid var(--color-icon-background);
24c3fcb4 1235}
ec06e4dd 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 }
3bd6a82e 1344 .site-menu {
1345 margin-top: 1rem;
1346 }
ec06e4dd 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}