@cobaltio/cobalt-js 7.0.1 → 8.0.1

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