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