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