@qubit-ltd/json 1.2.2 → 1.2.3

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.
Files changed (37) hide show
  1. package/dist/json.cjs +188 -20
  2. package/dist/json.cjs.map +1 -1
  3. package/dist/json.min.cjs +1 -1
  4. package/dist/json.min.cjs.map +1 -1
  5. package/dist/json.min.mjs +1 -1
  6. package/dist/json.min.mjs.map +1 -1
  7. package/dist/json.mjs +188 -20
  8. package/dist/json.mjs.map +1 -1
  9. package/doc/api/Json.html +42 -0
  10. package/doc/api/LosslessNumber.html +3 -3
  11. package/doc/api/data/search.json +1 -1
  12. package/doc/api/global.html +3 -3
  13. package/doc/api/index.html +4 -4
  14. package/doc/api/scripts/core.js +719 -726
  15. package/doc/api/scripts/core.min.js +23 -23
  16. package/doc/api/scripts/resize.js +90 -90
  17. package/doc/api/scripts/search.js +267 -265
  18. package/doc/api/scripts/search.min.js +5 -5
  19. package/doc/api/scripts/third-party/Apache-License-2.0.txt +202 -202
  20. package/doc/api/scripts/third-party/fuse.js +1749 -9
  21. package/doc/api/scripts/third-party/hljs-line-num-original.js +367 -369
  22. package/doc/api/scripts/third-party/hljs-line-num.js +1 -1
  23. package/doc/api/scripts/third-party/hljs-original.js +5260 -5171
  24. package/doc/api/scripts/third-party/hljs.js +1 -1
  25. package/doc/api/scripts/third-party/popper.js +1287 -5
  26. package/doc/api/scripts/third-party/tippy.js +1499 -1
  27. package/doc/api/scripts/third-party/tocbot.js +757 -672
  28. package/doc/api/scripts/third-party/tocbot.min.js +1 -1
  29. package/doc/api/styles/clean-jsdoc-theme-base.css +1257 -1159
  30. package/doc/api/styles/clean-jsdoc-theme-dark.css +412 -412
  31. package/doc/api/styles/clean-jsdoc-theme-light.css +482 -482
  32. package/doc/api/styles/clean-jsdoc-theme-scrollbar.css +29 -29
  33. package/doc/api/styles/clean-jsdoc-theme-without-scrollbar.min.css +1 -1
  34. package/doc/api/styles/clean-jsdoc-theme.min.css +1 -1
  35. package/doc/json.min.visualization.html +15 -15
  36. package/doc/json.visualization.html +15 -15
  37. package/package.json +20 -20
@@ -1,1159 +1,1257 @@
1
- @font-face {
2
- font-display: swap;
3
- font-family: 'heading';
4
- src: url('../fonts/WorkSans-Bold.ttf') format('truetype');
5
-
6
- }
7
-
8
- @font-face {
9
- font-display: swap;
10
- font-family: 'body';
11
- src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
12
-
13
- }
14
-
15
- @font-face {
16
- font-display: swap;
17
- font-family: 'code';
18
- src: url('../fonts/Inconsolata-Regular.ttf') format('truetype');
19
-
20
- }
21
-
22
- :root {
23
- --outer-wrapper-max-width: 65rem;
24
-
25
- }
26
-
27
- * {
28
- box-sizing: border-box;
29
- margin: 0;
30
- padding: 0;
31
-
32
- }
33
-
34
- html,
35
- body {
36
- line-height: 1.75;
37
- min-height: 100%;
38
- width: 100%;
39
-
40
- }
41
-
42
- body {
43
- font-family: 'body';
44
- overflow-x: hidden;
45
- position: relative;
46
-
47
- }
48
-
49
- b {
50
- font-family: heading;
51
-
52
- }
53
-
54
- h1,
55
- h2,
56
- h3,
57
- h4,
58
- h5,
59
- h6 {
60
- font-family: 'heading';
61
- font-weight: normal;
62
- line-height: 1.75;
63
-
64
- }
65
-
66
- h1 {
67
- font-size: 3.5rem;
68
- margin: 0;
69
-
70
- }
71
-
72
- h2 {
73
- font-size: 2.25rem;
74
- margin: 2rem 0 0;
75
-
76
- }
77
-
78
- h3 {
79
- font-size: 1.5rem;
80
-
81
- }
82
-
83
- h4 {
84
- font-size: 1.25rem;
85
-
86
- }
87
-
88
- h5 {
89
- font-size: 1rem;
90
-
91
- }
92
-
93
- h6 {
94
- font-size: 1rem;
95
-
96
- }
97
-
98
- img {
99
- max-width: 100%;
100
-
101
- }
102
-
103
- a {
104
- text-decoration: none;
105
-
106
- }
107
-
108
- a:hover {
109
- text-decoration: underline;
110
-
111
- }
112
-
113
- /* badges */
114
-
115
- a img {
116
- margin-right: 0.5rem;
117
-
118
- }
119
-
120
- p {
121
- margin: 1rem 0;
122
-
123
- }
124
-
125
- article ul {
126
- list-style: disc;
127
- }
128
-
129
- article ul li,
130
- article ol li {
131
- padding: 0.5rem 0;
132
-
133
- }
134
-
135
- article ol,
136
- article ul {
137
- padding-left: 2rem;
138
-
139
- }
140
-
141
- article ol p,
142
- article ul p {
143
- margin: 0;
144
-
145
- }
146
-
147
- /* stylelint-disable-next-line */
148
-
149
- .variation {
150
- display: none;
151
-
152
- }
153
-
154
- .signature-attributes {
155
- font-style: italic;
156
- font-weight: lighter;
157
-
158
- }
159
-
160
- .ancestors a {
161
- text-decoration: none;
162
-
163
- }
164
-
165
- .important {
166
- font-weight: bold;
167
-
168
- }
169
-
170
- .signature {
171
- font-family: 'code';
172
-
173
- }
174
-
175
- .name {
176
- font-family: 'code';
177
- font-weight: bold;
178
-
179
- }
180
-
181
- blockquote {
182
- border-radius: 1rem;
183
- font-size: 0.875rem;
184
- margin: 0.5rem 0;
185
- padding: 0.0625rem 1.25rem;
186
-
187
- }
188
-
189
- .details {
190
- border-radius: 1rem;
191
- margin: 1rem 0;
192
-
193
- }
194
-
195
- .details .details-item-container {
196
- display: flex;
197
- padding: 1rem 2rem;
198
-
199
- }
200
-
201
- dt {
202
- font-family: heading;
203
-
204
- }
205
-
206
- .details dt {
207
- float: left;
208
- min-width: 11rem;
209
-
210
- }
211
-
212
- .details ul {
213
- display: inline-flex;
214
- list-style-type: none;
215
- margin: 0;
216
-
217
- }
218
-
219
- .details ul li {
220
- display: inline-flex;
221
- margin-right: 0.6125rem;
222
- padding: 0;
223
- word-break: break-word;
224
-
225
- }
226
-
227
- /* stylelint-disable-next-line */
228
- .details ul li p {
229
- margin: 0;
230
-
231
- }
232
-
233
- /* stylelint-disable */
234
- .details pre.prettyprint {
235
- margin: 0;
236
-
237
- }
238
-
239
- /* stylelint-enable */
240
-
241
- .details .object-value {
242
- padding-top: 0;
243
-
244
- }
245
-
246
- .description {
247
- margin-bottom: 2rem;
248
-
249
- }
250
-
251
- .method-member-container table {
252
- margin-top: 1rem;
253
-
254
- }
255
-
256
- .pre-div .hljs-ln {
257
- margin: 0;
258
-
259
- }
260
-
261
- .code-caption {
262
- font-size: 0.875rem;
263
-
264
- }
265
-
266
- .prettyprint {
267
- font-size: 0.875rem;
268
- overflow: auto;
269
-
270
- }
271
-
272
- /* stylelint-disable-next-line selector-no-qualifying-type,rule-empty-line-before */
273
- pre.prettyprint {
274
- margin-top: 3rem;
275
-
276
- }
277
-
278
- .prettyprint.source {
279
- width: inherit;
280
-
281
- }
282
-
283
- .prettyprint code {
284
- display: block;
285
- font-size: 1rem;
286
- line-height: 1.75;
287
- padding: 0 0 1rem;
288
-
289
- }
290
-
291
- .prettyprint .compact {
292
- padding: 0;
293
-
294
- }
295
-
296
- /* stylelint-disable-next-line selector-no-qualifying-type,rule-empty-line-before */
297
- h4.name {
298
- margin-top: 0.5rem;
299
-
300
- }
301
-
302
- .params,
303
- .props,
304
- table {
305
- border-collapse: separate;
306
- border-radius: 0.5rem;
307
- border-spacing: 0 0.5rem;
308
- font-size: 0.875rem;
309
- margin: 0;
310
- width: 100%;
311
-
312
- }
313
-
314
- table td:first-child,
315
- .params td:first-child,
316
- table thead th:first-child,
317
- .params thead th:first-child,
318
- .props thead th:first-child {
319
- border-bottom-left-radius: 1rem;
320
- border-top-left-radius: 1rem;
321
-
322
- }
323
-
324
- table td:last-child,
325
- .params td:last-child,
326
- table thead th:last-child,
327
- .params thead th:last-child,
328
- .props thead th:last-child {
329
- border-bottom-right-radius: 1rem;
330
- border-top-right-radius: 1rem;
331
-
332
- }
333
-
334
- table th,
335
- .params th {
336
- position: sticky;
337
- top: 0;
338
-
339
- }
340
-
341
- .params .name,
342
- .props .name,
343
- .name code {
344
- font-family: 'code';
345
- font-size: 1rem;
346
-
347
- }
348
-
349
- .params td,
350
- .params th,
351
- .props td,
352
- .props th,
353
- th,
354
- td {
355
- display: table-cell;
356
- margin: 0;
357
- padding: 1rem 2rem;
358
- text-align: left;
359
- vertical-align: top;
360
-
361
- }
362
-
363
- .params thead tr,
364
- .props thead tr {
365
- font-weight: bold;
366
-
367
- }
368
-
369
- /* stylelint-disable */
370
- .params .params thead tr,
371
- .props .props thead tr {
372
- font-weight: bold;
373
-
374
- }
375
-
376
- .params td.description > p:first-child,
377
- .props td.description > p:first-child {
378
- margin-top: 0;
379
- padding-top: 0;
380
-
381
- }
382
-
383
- .params td.description > p:last-child,
384
- .props td.description > p:last-child {
385
- margin-bottom: 0;
386
- padding-bottom: 0;
387
-
388
- }
389
-
390
- dl.param-type {
391
- margin-bottom: 1rem;
392
- padding-bottom: 1rem;
393
-
394
- }
395
-
396
- /* stylelint-enable */
397
-
398
- .param-type dt,
399
- .param-type dd {
400
- display: inline-block;
401
-
402
- }
403
-
404
- .param-type dd {
405
- font-family: 'code';
406
- font-size: 1rem;
407
-
408
- }
409
-
410
- code {
411
- border-radius: 0.3rem;
412
- font-family: 'code';
413
- font-size: 1rem;
414
- padding: 0.1rem 0.4rem;
415
-
416
- }
417
-
418
- .mt-20 {
419
- margin-top: 1.5rem;
420
-
421
- }
422
-
423
- .codepen-form {
424
- bottom: 0;
425
- position: absolute;
426
- right: 0.6125rem;
427
-
428
- }
429
-
430
- .body-wrapper {
431
- display: flex;
432
- flex-direction: column;
433
- height: 100vh;
434
- position: relative;
435
-
436
- }
437
-
438
- .sidebar-container {
439
- bottom: 0;
440
- display: flex;
441
- left: 0;
442
- padding: 1rem;
443
- position: fixed;
444
- top: 0;
445
- width: 25rem;
446
- z-index: 10;
447
-
448
- }
449
-
450
- .sidebar {
451
- border-radius: 1rem;
452
- display: flex;
453
- flex: 1;
454
- flex-direction: column;
455
- overflow: hidden;
456
- padding: 1.5rem 0;
457
-
458
- }
459
-
460
- .sidebar-title {
461
- font-family: heading;
462
- font-size: 1.5rem;
463
- margin: 0 0 2rem;
464
- padding: 0 2rem;
465
- text-decoration: none;
466
-
467
- }
468
-
469
- .sidebar-title:hover {
470
- text-decoration: none;
471
-
472
- }
473
-
474
- .sidebar-items-container {
475
- flex: 1;
476
- overflow: auto;
477
- position: relative;
478
-
479
- }
480
-
481
- .sidebar-section-title {
482
- border-radius: 1rem;
483
- font-family: heading;
484
- font-size: 1.25rem;
485
- padding: 0.5rem 2rem;
486
-
487
- }
488
-
489
- .with-arrow {
490
- align-items: center;
491
- cursor: pointer;
492
- display: flex;
493
-
494
- }
495
-
496
- .with-arrow div {
497
- flex: 1;
498
-
499
- }
500
-
501
- .with-arrow svg {
502
- height: 1rem;
503
- transition: transform 0.3s;
504
- width: 1rem;
505
-
506
- }
507
-
508
- .with-arrow[data-isopen='true'] svg {
509
- transform: rotate(180deg);
510
-
511
- }
512
-
513
- .sidebar-section-children-container {
514
- border-radius: 0.5rem;
515
- overflow: hidden;
516
-
517
- }
518
-
519
- .sidebar-section-children a {
520
- display: block;
521
- padding: 0.25rem 2rem;
522
- width: 100%;
523
-
524
- }
525
-
526
- .sidebar-section-children a {
527
- text-decoration: none;
528
-
529
- }
530
-
531
- .with-arrow[data-isopen='false'] + .sidebar-section-children-container {
532
- height: 0;
533
- overflow: hidden;
534
-
535
- }
536
-
537
- .with-arrow[data-isopen='true'] + .sidebar-section-children-container {
538
- height: auto;
539
-
540
- }
541
-
542
- .toc-container {
543
- bottom: 0;
544
- position: fixed;
545
- right: 4rem;
546
- top: 0;
547
- width: 16rem;
548
- z-index: 10;
549
-
550
- }
551
-
552
- .toc-content {
553
- display: flex;
554
- flex-direction: column;
555
- height: 100%;
556
- padding-top: 10rem;
557
-
558
- }
559
-
560
- /* stylelint-disable-next-line selector-max-id,rule-empty-line-before */
561
- #eed4d2a0bfd64539bb9df78095dec881 {
562
- flex: 1;
563
- margin: 2rem 0;
564
- overflow: auto;
565
-
566
- }
567
-
568
- .toc-list {
569
- list-style: none;
570
- padding-left: 1rem;
571
-
572
- }
573
-
574
- .toc-link {
575
- display: block;
576
- overflow: hidden;
577
- text-overflow: ellipsis;
578
- white-space: nowrap;
579
- width: 100%;
580
-
581
- }
582
-
583
- .toc-link.is-active-link {
584
- font-family: heading;
585
-
586
- }
587
-
588
- .has-anchor {
589
- position: relative;
590
-
591
- }
592
-
593
- .link-anchor {
594
- padding: 0 0.5rem;
595
-
596
- }
597
-
598
- .has-anchor .link-anchor {
599
- left: 0;
600
- position: absolute;
601
- text-decoration: none;
602
- top: 0;
603
- transform: translateX(-100%);
604
- visibility: hidden;
605
-
606
- }
607
-
608
- .has-anchor:hover .link-anchor {
609
- visibility: visible;
610
-
611
- }
612
-
613
- .navbar-container {
614
- display: flex;
615
- height: 7rem;
616
- justify-content: center;
617
- left: 25rem;
618
- padding-top: 1rem;
619
- position: fixed;
620
- right: 25rem;
621
- top: 0;
622
- z-index: 10;
623
-
624
- }
625
-
626
- .navbar {
627
- display: flex;
628
- flex: 1;
629
- max-width: var(--outer-wrapper-max-width);
630
- padding: 1rem 4rem 1rem 2rem;
631
-
632
- }
633
-
634
- .navbar-left-items {
635
- display: flex;
636
- flex: 1;
637
-
638
- }
639
-
640
- .navbar-right-items {
641
- display: flex;
642
-
643
- }
644
-
645
- .icon-button svg {
646
- height: 1rem;
647
- width: 1rem;
648
-
649
- }
650
-
651
- .icon-button {
652
- background: transparent;
653
- border: 0;
654
- border-radius: 50%;
655
- cursor: pointer;
656
- display: inline-flex;
657
- padding: 0.5rem;
658
- position: relative;
659
- transition: background 0.3s;
660
-
661
- }
662
-
663
- .navbar-right-item {
664
- align-items: center;
665
- display: flex;
666
- justify-content: center;
667
- margin: 0 0.25rem;
668
-
669
- }
670
-
671
- .navbar-item {
672
- border-radius: 0.5rem;
673
- overflow: hidden;
674
-
675
- }
676
-
677
- .navbar-item a {
678
- display: inline-block;
679
- padding: 1rem 2rem;
680
- text-decoration: none;
681
- transition: 0.3s;
682
-
683
- }
684
-
685
- .font-size-tooltip {
686
- align-items: center;
687
- display: flex;
688
- margin: 0 -0.5rem;
689
-
690
- }
691
-
692
- .font-size-tooltip .icon-button.disabled {
693
- pointer-events: none;
694
-
695
- }
696
-
697
- .main-content {
698
- align-items: center;
699
- display: flex;
700
- flex: 1;
701
- flex-direction: column;
702
- overflow: auto;
703
- padding: 7rem 25rem 0;
704
- position: relative;
705
-
706
- }
707
-
708
- .main-wrapper {
709
- max-width: var(--outer-wrapper-max-width);
710
- padding: 0 4rem 1rem;
711
- width: 100%;
712
-
713
- }
714
-
715
- .p-h-n {
716
- padding: 0.4rem 1rem;
717
-
718
- }
719
-
720
- .footer {
721
- border-radius: 1rem;
722
- display: flex;
723
- font-size: 0.875rem;
724
- justify-content: center;
725
- margin-top: 5rem;
726
- width: 100%;
727
-
728
- }
729
-
730
- .source-page + .footer {
731
- margin-top: 3rem;
732
-
733
- }
734
-
735
- .footer .wrapper {
736
- flex: 1;
737
- max-width: var(--outer-wrapper-max-width);
738
- padding: 1rem 2rem;
739
-
740
- }
741
-
742
- pre {
743
- position: relative;
744
-
745
- }
746
-
747
- .hljs table td {
748
- background: transparent;
749
- border-radius: 0;
750
- line-height: 1.5;
751
- padding: 0 0.6125rem;
752
-
753
- }
754
-
755
- .hljs .hljs-ln-numbers {
756
- padding-left: 1.5rem;
757
- user-select: none;
758
- white-space: nowrap;
759
- width: 2rem;
760
-
761
- }
762
-
763
- .hljs-ln-line.hljs-ln-numbers::before {
764
- content: attr(data-line-number);
765
-
766
- }
767
-
768
- .pre-div {
769
- border-radius: 1rem;
770
- margin: 2rem 0;
771
- overflow: hidden;
772
- position: relative;
773
-
774
- }
775
-
776
- .pre-top-bar-container {
777
- align-items: center;
778
- display: flex;
779
- justify-content: space-between;
780
- left: 0;
781
- padding: 0.3125rem 1.5rem;
782
- position: absolute;
783
- right: 0;
784
- top: 0;
785
-
786
- }
787
-
788
- .code-copy-icon-container {
789
- align-items: center;
790
- border-radius: 50%;
791
- cursor: pointer;
792
- display: flex;
793
- height: 1.875rem;
794
- justify-content: center;
795
- transition: 0.3s;
796
- width: 1.875rem;
797
-
798
- }
799
-
800
- .code-copy-icon-container > div {
801
- margin-top: 0.25rem;
802
- position: relative;
803
-
804
- }
805
-
806
- .sm-icon {
807
- height: 1rem;
808
- width: 1rem;
809
-
810
- }
811
-
812
- .code-lang-name {
813
- font-family: 'body';
814
- font-size: 0.75rem;
815
-
816
- }
817
-
818
- .tooltip {
819
- border-radius: 0.3125rem;
820
- opacity: 0;
821
- padding: 0.1875rem 0.5rem;
822
- position: absolute;
823
- right: 2rem;
824
- top: 0.3125rem;
825
- transform: scale(0);
826
- transition: 0.3s;
827
-
828
- }
829
-
830
- .show-tooltip {
831
- opacity: 1;
832
- transform: scale(1);
833
-
834
- }
835
-
836
- .allow-overflow {
837
- overflow: auto;
838
-
839
- }
840
-
841
- .bold {
842
- font-family: heading;
843
-
844
- }
845
-
846
- .search-container {
847
- align-items: flex-start;
848
- bottom: 0;
849
- justify-content: center;
850
- left: 0;
851
- position: fixed;
852
- right: 0;
853
- top: 0;
854
- z-index: 50;
855
-
856
- }
857
-
858
- .search-container .wrapper {
859
- border-radius: 1rem;
860
- margin: 3rem 25rem;
861
- max-width: 60rem;
862
- padding: 4rem 2rem 2rem;
863
- position: relative;
864
- width: 100%;
865
-
866
- }
867
-
868
- .search-close-button {
869
- position: absolute;
870
- right: 1rem;
871
- top: 1rem;
872
-
873
- }
874
-
875
- .search-result-c-text {
876
- display: flex;
877
- justify-content: center;
878
- user-select: none;
879
-
880
- }
881
-
882
- .search-result-c {
883
- max-height: 40rem;
884
- min-height: 20rem;
885
- overflow: auto;
886
- padding: 2rem 0;
887
-
888
- }
889
-
890
- .search-box-c {
891
- align-items: center;
892
- display: flex;
893
- position: relative;
894
- width: 100%;
895
-
896
- }
897
-
898
- .search-box-c svg {
899
- height: 1.5rem;
900
- left: 1.5rem;
901
- position: absolute;
902
- width: 1.5rem;
903
-
904
- }
905
-
906
- .search-input {
907
- border: 0;
908
- border-radius: 1rem;
909
- flex: 1;
910
- font-family: body;
911
- font-size: 1.25rem;
912
- padding: 1rem 2rem 1rem 4rem;
913
- width: 100%;
914
-
915
- }
916
-
917
- .search-result-item {
918
- border-radius: 1rem;
919
- display: block;
920
- margin: 1rem 0;
921
- padding: 1rem;
922
- text-decoration: none;
923
-
924
- }
925
-
926
- .search-result-item:hover {
927
- text-decoration: none;
928
-
929
- }
930
-
931
- .search-result-item:active {
932
- text-decoration: none;
933
-
934
- }
935
-
936
- .search-result-item-title {
937
- font-family: heading;
938
- font-size: 1.5rem;
939
- margin: 0;
940
-
941
- }
942
-
943
- .search-result-item-p {
944
- font-size: 0.875rem;
945
- margin: 0;
946
-
947
- }
948
-
949
- .mobile-menu-icon-container {
950
- bottom: 1.5rem;
951
- display: none;
952
- position: fixed;
953
- right: 2rem;
954
- z-index: 30;
955
-
956
- }
957
-
958
- .mobile-menu-icon-container .icon-button svg {
959
- height: 2rem;
960
- width: 2rem;
961
-
962
- }
963
-
964
- .mobile-sidebar-container {
965
- bottom: 0;
966
- display: none;
967
- left: 0;
968
- padding: 1rem;
969
- position: fixed;
970
- right: 0;
971
- top: 0;
972
- z-index: 25;
973
-
974
- }
975
-
976
- .mobile-sidebar-container.show {
977
- display: block;
978
-
979
- }
980
-
981
- .mobile-sidebar-wrapper {
982
- border-radius: 1rem;
983
- display: flex;
984
- flex-direction: column;
985
- height: 100%;
986
- padding-top: 2rem;
987
- width: 100%;
988
-
989
- }
990
-
991
- .mobile-nav-links {
992
- display: flex;
993
- flex-wrap: wrap;
994
- padding-top: 2rem;
995
-
996
- }
997
-
998
- .mobile-sidebar-items-c {
999
- flex: 1;
1000
- overflow: auto;
1001
-
1002
- }
1003
-
1004
- .mobile-navbar-actions {
1005
- display: flex;
1006
- padding: 1rem;
1007
-
1008
- }
1009
-
1010
- .rel {
1011
- position: relative;
1012
-
1013
- }
1014
-
1015
- .icon-button.codepen-button svg {
1016
- height: 1.5rem;
1017
- width: 1.5rem;
1018
-
1019
- }
1020
-
1021
- .table-div {
1022
- overflow: auto;
1023
- width: 100%;
1024
-
1025
- }
1026
-
1027
- .tag-default {
1028
- overflow: auto;
1029
-
1030
- }
1031
-
1032
- @media screen and (max-width: 100em) {
1033
-
1034
- .toc-container {
1035
- display: none;
1036
-
1037
- }
1038
-
1039
- .main-content {
1040
- padding: 7rem 0 0 25rem;
1041
-
1042
- }
1043
-
1044
- .search-container .wrapper {
1045
- margin-right: 1rem;
1046
-
1047
- }
1048
-
1049
- .navbar-container {
1050
- /* For scrollbar */
1051
- right: 1rem;
1052
-
1053
- }
1054
-
1055
- }
1056
-
1057
- @media screen and (min-width: 65em) {
1058
-
1059
- .mobile-sidebar-container.show {
1060
- display: none;
1061
-
1062
- }
1063
-
1064
- }
1065
-
1066
- @media screen and (max-width: 65em) {
1067
-
1068
- h1 {
1069
- font-size: 3rem;
1070
-
1071
- }
1072
-
1073
- h2 {
1074
- font-size: 2rem;
1075
-
1076
- }
1077
-
1078
- h3 {
1079
- font-size: 1.875;
1080
-
1081
- }
1082
-
1083
- h4,
1084
- h5,
1085
- h6 {
1086
- font-size: 1rem;
1087
-
1088
- }
1089
-
1090
- .main-wrapper {
1091
- padding: 0 1rem 1rem;
1092
-
1093
- }
1094
-
1095
- .search-result-c {
1096
- max-height: 25rem;
1097
-
1098
- }
1099
-
1100
- .mobile-menu-icon-container {
1101
- display: block;
1102
-
1103
- }
1104
-
1105
- .sidebar-container {
1106
- display: none;
1107
-
1108
- }
1109
-
1110
- .search-container .wrapper {
1111
- margin-left: 1rem;
1112
-
1113
- }
1114
-
1115
- .main-content {
1116
- padding-left: 0;
1117
- padding-top: 1rem;
1118
-
1119
- }
1120
-
1121
- .navbar-container {
1122
- display: none;
1123
-
1124
- }
1125
-
1126
- .source-page + .footer,
1127
- .footer {
1128
- margin-top: 2rem;
1129
-
1130
- }
1131
-
1132
- .has-anchor:hover .link-anchor {
1133
- visibility: hidden;
1134
-
1135
- }
1136
-
1137
- }
1138
-
1139
- .child-tutorial-container {
1140
- display: flex;
1141
- flex-direction: row;
1142
- flex-wrap: wrap;
1143
-
1144
- }
1145
-
1146
- .child-tutorial {
1147
- border: 1px solid;
1148
- border-radius: 10px;
1149
- display: block;
1150
- margin: 5px;
1151
- padding: 10px 16px;
1152
-
1153
- }
1154
-
1155
- .child-tutorial:hover {
1156
- text-decoration: none;
1157
-
1158
- }
1159
-
1
+ @font-face {
2
+ font-display: swap;
3
+ font-family: 'heading';
4
+ src: url('../fonts/WorkSans-Bold.ttf') format('truetype');
5
+
6
+ }
7
+
8
+ @font-face {
9
+ font-display: swap;
10
+ font-family: 'body';
11
+ src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
12
+
13
+ }
14
+
15
+ @font-face {
16
+ font-display: swap;
17
+ font-family: 'code';
18
+ src: url('../fonts/Inconsolata-Regular.ttf') format('truetype');
19
+
20
+ }
21
+
22
+ :root {
23
+ --outer-wrapper-max-width: 65rem;
24
+
25
+ }
26
+
27
+ * {
28
+ box-sizing: border-box;
29
+ margin: 0;
30
+ padding: 0;
31
+
32
+ }
33
+
34
+ html,
35
+ body {
36
+ line-height: 1.75;
37
+ min-height: 100%;
38
+ width: 100%;
39
+
40
+ }
41
+
42
+ body {
43
+ font-family: 'body';
44
+ overflow-x: hidden;
45
+ position: relative;
46
+
47
+ }
48
+
49
+ b {
50
+ font-family: heading;
51
+
52
+ }
53
+
54
+ h1,
55
+ h2,
56
+ h3,
57
+ h4,
58
+ h5,
59
+ h6 {
60
+ font-family: 'heading';
61
+ font-weight: normal;
62
+ line-height: 1.75;
63
+
64
+ }
65
+
66
+ h1 {
67
+ font-size: 3.5rem;
68
+ margin: 0;
69
+
70
+ }
71
+
72
+ h2 {
73
+ font-size: 2.25rem;
74
+ margin: 2rem 0 0;
75
+
76
+ }
77
+
78
+ h3 {
79
+ font-size: 1.5rem;
80
+
81
+ }
82
+
83
+ h4 {
84
+ font-size: 1.25rem;
85
+
86
+ }
87
+
88
+ h5 {
89
+ font-size: 1rem;
90
+
91
+ }
92
+
93
+ h6 {
94
+ font-size: 1rem;
95
+
96
+ }
97
+
98
+ img {
99
+ max-width: 100%;
100
+
101
+ }
102
+
103
+ a {
104
+ text-decoration: none;
105
+
106
+ }
107
+
108
+ a:hover {
109
+ text-decoration: underline;
110
+
111
+ }
112
+
113
+ /* badges */
114
+
115
+ a img {
116
+ margin-right: 0.5rem;
117
+
118
+ }
119
+
120
+ p {
121
+ margin: 1rem 0;
122
+
123
+ }
124
+
125
+ article ul {
126
+ list-style: disc;
127
+ }
128
+
129
+ article ul li,
130
+ article ol li {
131
+ padding: 0.5rem 0;
132
+
133
+ }
134
+
135
+ article ol,
136
+ article ul {
137
+ padding-left: 2rem;
138
+
139
+ }
140
+
141
+ article ol p,
142
+ article ul p {
143
+ margin: 0;
144
+
145
+ }
146
+
147
+ /* stylelint-disable-next-line */
148
+
149
+ .variation {
150
+ display: none;
151
+
152
+ }
153
+
154
+ .signature-attributes {
155
+ font-style: italic;
156
+ font-weight: lighter;
157
+
158
+ }
159
+
160
+ .ancestors a {
161
+ text-decoration: none;
162
+
163
+ }
164
+
165
+ .important {
166
+ font-weight: bold;
167
+
168
+ }
169
+
170
+ .signature {
171
+ font-family: 'code';
172
+
173
+ }
174
+
175
+ .name {
176
+ font-family: 'code';
177
+ font-weight: bold;
178
+
179
+ }
180
+
181
+ blockquote {
182
+ border-radius: 1rem;
183
+ font-size: 0.875rem;
184
+ margin: 0.5rem 0;
185
+ padding: 0.0625rem 1.25rem;
186
+
187
+ }
188
+
189
+ .details {
190
+ border-radius: 1rem;
191
+ margin: 1rem 0;
192
+
193
+ }
194
+
195
+ .details .details-item-container {
196
+ display: flex;
197
+ padding: 1rem 2rem;
198
+
199
+ }
200
+
201
+ dt {
202
+ font-family: heading;
203
+
204
+ }
205
+
206
+ .details dt {
207
+ float: left;
208
+ min-width: 11rem;
209
+
210
+ }
211
+
212
+ .details ul {
213
+ display: inline-flex;
214
+ list-style-type: none;
215
+ margin: 0;
216
+
217
+ }
218
+
219
+ .details ul li {
220
+ display: inline-flex;
221
+ margin-right: 0.6125rem;
222
+ padding: 0;
223
+ word-break: break-word;
224
+
225
+ }
226
+
227
+ /* stylelint-disable-next-line */
228
+ .details ul li p {
229
+ margin: 0;
230
+
231
+ }
232
+
233
+ /* Enhanced Author information styling */
234
+
235
+ .details .tag-author {
236
+ font-style: normal;
237
+ }
238
+
239
+ /* Package and module version styling */
240
+
241
+ .package-version-info,
242
+ .module-version {
243
+ color: var(--text-color-secondary);
244
+ font-size: 0.875rem;
245
+ margin: 0.5rem 0 1rem;
246
+ }
247
+
248
+ .package-version,
249
+ .module-version {
250
+ font-weight: 500;
251
+ margin: 0;
252
+ }
253
+
254
+ /* Style the author container to look like inline text */
255
+
256
+ .details .tag-author.bold {
257
+ display: inline;
258
+ float: none;
259
+ font-family: "heading", sans-serif;
260
+ font-weight: 600;
261
+ margin-right: 0.5rem;
262
+ min-width: auto;
263
+ }
264
+
265
+ .details .tag-author {
266
+ display: inline;
267
+ margin: 0;
268
+ }
269
+
270
+ .details .tag-author ul {
271
+ display: inline;
272
+ list-style: none;
273
+ margin: 0;
274
+ padding: 0;
275
+ }
276
+
277
+ .tag-author ul li {
278
+ display: inline;
279
+ font-weight: normal;
280
+ margin: 0;
281
+ padding: 0;
282
+ }
283
+
284
+ .tag-author ul li:not(:last-child)::after {
285
+ content: ", ";
286
+ }
287
+
288
+ /* Remove background and padding from author details container */
289
+
290
+ .details .details-item-container {
291
+ background: transparent !important;
292
+ border: 0;
293
+ margin: 0;
294
+ padding: 0.25rem 0;
295
+ }
296
+
297
+ /* Completely remove background from details container when it contains author */
298
+
299
+ .details:has(.tag-author) {
300
+ background: transparent !important;
301
+ border: 0 !important;
302
+ border-radius: 0 !important;
303
+ margin: 0 !important;
304
+ padding: 0 !important;
305
+ }
306
+
307
+ /* Fallback for browsers that don't support :has() */
308
+
309
+ .container-overview .details {
310
+ background: transparent !important;
311
+ border: 0 !important;
312
+ border-radius: 0 !important;
313
+ margin: 0 !important;
314
+ padding: 0 !important;
315
+ }
316
+
317
+ /* stylelint-disable */
318
+ .details pre.prettyprint {
319
+ margin: 0;
320
+
321
+ }
322
+
323
+ /* stylelint-enable */
324
+
325
+ .details .object-value {
326
+ padding-top: 0;
327
+
328
+ }
329
+
330
+ .description {
331
+ margin-bottom: 2rem;
332
+
333
+ }
334
+
335
+ .method-member-container table {
336
+ margin-top: 1rem;
337
+
338
+ }
339
+
340
+ .pre-div .hljs-ln {
341
+ margin: 0;
342
+
343
+ }
344
+
345
+ .code-caption {
346
+ font-size: 0.875rem;
347
+
348
+ }
349
+
350
+ .prettyprint {
351
+ font-size: 0.875rem;
352
+ overflow: auto;
353
+
354
+ }
355
+
356
+ /* stylelint-disable-next-line selector-no-qualifying-type,rule-empty-line-before */
357
+ pre.prettyprint {
358
+ margin-top: 3rem;
359
+
360
+ }
361
+
362
+ .prettyprint.source {
363
+ width: inherit;
364
+
365
+ }
366
+
367
+ .prettyprint code {
368
+ display: block;
369
+ font-size: 1rem;
370
+ line-height: 1.75;
371
+ padding: 0 0 1rem;
372
+
373
+ }
374
+
375
+ .prettyprint .compact {
376
+ padding: 0;
377
+
378
+ }
379
+
380
+ /* stylelint-disable-next-line selector-no-qualifying-type,rule-empty-line-before */
381
+ h4.name {
382
+ margin-top: 0.5rem;
383
+
384
+ }
385
+
386
+ .params,
387
+ .props,
388
+ table {
389
+ border-collapse: separate;
390
+ border-radius: 0.5rem;
391
+ border-spacing: 0 0.5rem;
392
+ font-size: 0.875rem;
393
+ margin: 0;
394
+ width: 100%;
395
+
396
+ }
397
+
398
+ table td:first-child,
399
+ .params td:first-child,
400
+ table thead th:first-child,
401
+ .params thead th:first-child,
402
+ .props thead th:first-child {
403
+ border-bottom-left-radius: 0.5rem;
404
+ border-top-left-radius: 0.5rem;
405
+
406
+ }
407
+
408
+ table td:last-child,
409
+ .params td:last-child,
410
+ table thead th:last-child,
411
+ .params thead th:last-child,
412
+ .props thead th:last-child {
413
+ border-bottom-right-radius: 0.5rem;
414
+ border-top-right-radius: 0.5rem;
415
+
416
+ }
417
+
418
+ table th,
419
+ .params th {
420
+ position: sticky;
421
+ top: 0;
422
+
423
+ }
424
+
425
+ .params .name,
426
+ .props .name,
427
+ .name code {
428
+ font-family: 'code';
429
+ font-size: 1rem;
430
+
431
+ }
432
+
433
+ .params td,
434
+ .params th,
435
+ .props td,
436
+ .props th,
437
+ th,
438
+ td {
439
+ display: table-cell;
440
+ margin: 0;
441
+ padding: 1rem 2rem;
442
+ text-align: left;
443
+ vertical-align: top;
444
+
445
+ }
446
+
447
+ .params thead tr,
448
+ .props thead tr {
449
+ font-weight: bold;
450
+
451
+ }
452
+
453
+ /* stylelint-disable */
454
+ .params .params thead tr,
455
+ .props .props thead tr {
456
+ font-weight: bold;
457
+
458
+ }
459
+
460
+ .params td.description > p:first-child,
461
+ .props td.description > p:first-child {
462
+ margin-top: 0;
463
+ padding-top: 0;
464
+
465
+ }
466
+
467
+ .params td.description > p:last-child,
468
+ .props td.description > p:last-child {
469
+ margin-bottom: 0;
470
+ padding-bottom: 0;
471
+
472
+ }
473
+
474
+ dl.param-type {
475
+ margin-bottom: 1rem;
476
+ padding-bottom: 1rem;
477
+
478
+ }
479
+
480
+ /* stylelint-enable */
481
+
482
+ .param-type dt,
483
+ .param-type dd {
484
+ display: inline-block;
485
+
486
+ }
487
+
488
+ .param-type dd {
489
+ font-family: 'code';
490
+ font-size: 1rem;
491
+
492
+ }
493
+
494
+ code {
495
+ border-radius: 0.3rem;
496
+ font-family: 'code';
497
+ font-size: 1rem;
498
+ padding: 0.1rem 0.4rem;
499
+
500
+ }
501
+
502
+ .mt-20 {
503
+ margin-top: 1.5rem;
504
+
505
+ }
506
+
507
+ .codepen-form {
508
+ bottom: 0;
509
+ position: absolute;
510
+ right: 0.6125rem;
511
+
512
+ }
513
+
514
+ .body-wrapper {
515
+ display: flex;
516
+ flex-direction: column;
517
+ height: 100vh;
518
+ position: relative;
519
+
520
+ }
521
+
522
+ .sidebar-container {
523
+ bottom: 0;
524
+ display: flex;
525
+ left: 0;
526
+ padding: 1rem;
527
+ position: fixed;
528
+ top: 0;
529
+ width: 25rem;
530
+ z-index: 10;
531
+
532
+ }
533
+
534
+ .sidebar {
535
+ border-radius: 1rem;
536
+ display: flex;
537
+ flex: 1;
538
+ flex-direction: column;
539
+ overflow: hidden;
540
+ padding: 1.5rem 0;
541
+
542
+ }
543
+
544
+ .sidebar-title {
545
+ font-family: heading;
546
+ font-size: 1.5rem;
547
+ margin: 0 0 2rem;
548
+ padding: 0 2rem;
549
+ text-decoration: none;
550
+
551
+ }
552
+
553
+ .sidebar-title:hover {
554
+ text-decoration: none;
555
+
556
+ }
557
+
558
+ .sidebar-items-container {
559
+ flex: 1;
560
+ overflow: auto;
561
+ position: relative;
562
+
563
+ }
564
+
565
+ .sidebar-section-title {
566
+ border-radius: 1rem;
567
+ font-family: heading;
568
+ font-size: 1.25rem;
569
+ padding: 0.5rem 2rem;
570
+
571
+ }
572
+
573
+ .with-arrow {
574
+ align-items: center;
575
+ cursor: pointer;
576
+ display: flex;
577
+
578
+ }
579
+
580
+ .with-arrow div {
581
+ flex: 1;
582
+
583
+ }
584
+
585
+ .with-arrow svg {
586
+ height: 1rem;
587
+ transition: transform 0.3s;
588
+ width: 1rem;
589
+
590
+ }
591
+
592
+ .with-arrow[data-isopen='true'] svg {
593
+ transform: rotate(180deg);
594
+
595
+ }
596
+
597
+ .sidebar-section-children-container {
598
+ border-radius: 0.5rem;
599
+ overflow: hidden;
600
+
601
+ }
602
+
603
+ .sidebar-section-children a {
604
+ display: block;
605
+ padding: 0.25rem 2rem;
606
+ text-decoration: none;
607
+ width: 100%;
608
+
609
+ }
610
+
611
+ /* Sidebar home link styling */
612
+
613
+ .sidebar-home-anchor {
614
+ color: inherit !important;
615
+ display: block;
616
+ text-decoration: none !important;
617
+ width: 100%;
618
+ }
619
+
620
+ .sidebar-home-anchor:hover {
621
+ color: inherit !important;
622
+ text-decoration: none !important;
623
+ }
624
+
625
+ .sidebar-home-anchor:visited {
626
+ color: inherit !important;
627
+ }
628
+
629
+ .with-arrow[data-isopen='false'] + .sidebar-section-children-container {
630
+ height: 0;
631
+ overflow: hidden;
632
+
633
+ }
634
+
635
+ .with-arrow[data-isopen='true'] + .sidebar-section-children-container {
636
+ height: auto;
637
+
638
+ }
639
+
640
+ .toc-container {
641
+ bottom: 0;
642
+ position: fixed;
643
+ right: 4rem;
644
+ top: 0;
645
+ width: 16rem;
646
+ z-index: 10;
647
+
648
+ }
649
+
650
+ .toc-content {
651
+ display: flex;
652
+ flex-direction: column;
653
+ height: 100%;
654
+ padding-top: 10rem;
655
+
656
+ }
657
+
658
+ /* stylelint-disable-next-line selector-max-id,rule-empty-line-before */
659
+ #eed4d2a0bfd64539bb9df78095dec881 {
660
+ flex: 1;
661
+ margin: 2rem 0;
662
+ overflow: auto;
663
+
664
+ }
665
+
666
+ .toc-list {
667
+ list-style: none;
668
+ padding-left: 1rem;
669
+
670
+ }
671
+
672
+ .toc-link {
673
+ display: block;
674
+ overflow: hidden;
675
+ text-overflow: ellipsis;
676
+ white-space: nowrap;
677
+ width: 100%;
678
+
679
+ }
680
+
681
+ .toc-link.is-active-link {
682
+ font-family: heading;
683
+
684
+ }
685
+
686
+ .has-anchor {
687
+ position: relative;
688
+
689
+ }
690
+
691
+ .link-anchor {
692
+ padding: 0 0.5rem;
693
+
694
+ }
695
+
696
+ .has-anchor .link-anchor {
697
+ left: 0;
698
+ position: absolute;
699
+ text-decoration: none;
700
+ top: 0;
701
+ transform: translateX(-100%);
702
+ visibility: hidden;
703
+
704
+ }
705
+
706
+ .has-anchor:hover .link-anchor {
707
+ visibility: visible;
708
+
709
+ }
710
+
711
+ .navbar-container {
712
+ display: flex;
713
+ height: 7rem;
714
+ justify-content: center;
715
+ left: 25rem;
716
+ padding-top: 1rem;
717
+ position: fixed;
718
+ right: 25rem;
719
+ top: 0;
720
+ z-index: 10;
721
+
722
+ }
723
+
724
+ .navbar {
725
+ display: flex;
726
+ flex: 1;
727
+ max-width: var(--outer-wrapper-max-width);
728
+ padding: 1rem 4rem 1rem 2rem;
729
+
730
+ }
731
+
732
+ .navbar-left-items {
733
+ display: flex;
734
+ flex: 1;
735
+
736
+ }
737
+
738
+ .navbar-right-items {
739
+ display: flex;
740
+
741
+ }
742
+
743
+ .icon-button svg {
744
+ height: 1rem;
745
+ width: 1rem;
746
+
747
+ }
748
+
749
+ .icon-button {
750
+ background: transparent;
751
+ border: 0;
752
+ border-radius: 50%;
753
+ cursor: pointer;
754
+ display: inline-flex;
755
+ padding: 0.5rem;
756
+ position: relative;
757
+ transition: background 0.3s;
758
+
759
+ }
760
+
761
+ .navbar-right-item {
762
+ align-items: center;
763
+ display: flex;
764
+ justify-content: center;
765
+ margin: 0 0.25rem;
766
+
767
+ }
768
+
769
+ .navbar-item {
770
+ border-radius: 0.5rem;
771
+ overflow: hidden;
772
+
773
+ }
774
+
775
+ .navbar-item a {
776
+ display: inline-block;
777
+ padding: 1rem 2rem;
778
+ text-decoration: none;
779
+ transition: 0.3s;
780
+
781
+ }
782
+
783
+ .font-size-tooltip {
784
+ align-items: center;
785
+ display: flex;
786
+ margin: 0 -0.5rem;
787
+
788
+ }
789
+
790
+ .font-size-tooltip .icon-button.disabled {
791
+ pointer-events: none;
792
+
793
+ }
794
+
795
+ .main-content {
796
+ align-items: center;
797
+ display: flex;
798
+ flex: 1;
799
+ flex-direction: column;
800
+ overflow: auto;
801
+ padding: 7rem 25rem 0;
802
+ position: relative;
803
+
804
+ }
805
+
806
+ .main-wrapper {
807
+ max-width: var(--outer-wrapper-max-width);
808
+ padding: 0 4rem 1rem;
809
+ width: 100%;
810
+
811
+ }
812
+
813
+ .p-h-n {
814
+ padding: 0.4rem 1rem;
815
+
816
+ }
817
+
818
+ .footer {
819
+ border-radius: 1rem;
820
+ display: flex;
821
+ font-size: 0.875rem;
822
+ justify-content: center;
823
+ margin-top: 5rem;
824
+ width: 100%;
825
+
826
+ }
827
+
828
+ .source-page + .footer {
829
+ margin-top: 3rem;
830
+
831
+ }
832
+
833
+ .footer .wrapper {
834
+ flex: 1;
835
+ max-width: var(--outer-wrapper-max-width);
836
+ padding: 1rem 2rem;
837
+
838
+ }
839
+
840
+ pre {
841
+ position: relative;
842
+
843
+ }
844
+
845
+ .hljs table td {
846
+ background: transparent;
847
+ border-radius: 0;
848
+ line-height: 1.5;
849
+ padding: 0 0.6125rem;
850
+
851
+ }
852
+
853
+ .hljs .hljs-ln-numbers {
854
+ padding-left: 1.5rem;
855
+ user-select: none;
856
+ white-space: nowrap;
857
+ width: 2rem;
858
+
859
+ }
860
+
861
+ .hljs-ln-line.hljs-ln-numbers::before {
862
+ content: attr(data-line-number);
863
+
864
+ }
865
+
866
+ .pre-div {
867
+ border-radius: 1rem;
868
+ margin: 2rem 0;
869
+ overflow: hidden;
870
+ position: relative;
871
+
872
+ }
873
+
874
+ .pre-top-bar-container {
875
+ align-items: center;
876
+ display: flex;
877
+ justify-content: space-between;
878
+ left: 0;
879
+ padding: 0.3125rem 1.5rem;
880
+ position: absolute;
881
+ right: 0;
882
+ top: 0;
883
+
884
+ }
885
+
886
+ .code-copy-icon-container {
887
+ align-items: center;
888
+ border-radius: 50%;
889
+ cursor: pointer;
890
+ display: flex;
891
+ height: 1.875rem;
892
+ justify-content: center;
893
+ transition: 0.3s;
894
+ width: 1.875rem;
895
+
896
+ }
897
+
898
+ .code-copy-icon-container > div {
899
+ margin-top: 0.25rem;
900
+ position: relative;
901
+
902
+ }
903
+
904
+ .sm-icon {
905
+ height: 1rem;
906
+ width: 1rem;
907
+
908
+ }
909
+
910
+ .code-lang-name {
911
+ font-family: 'body';
912
+ font-size: 0.75rem;
913
+
914
+ }
915
+
916
+ .tooltip {
917
+ border-radius: 0.3125rem;
918
+ opacity: 0;
919
+ padding: 0.1875rem 0.5rem;
920
+ position: absolute;
921
+ right: 2rem;
922
+ top: 0.3125rem;
923
+ transform: scale(0);
924
+ transition: 0.3s;
925
+
926
+ }
927
+
928
+ .show-tooltip {
929
+ opacity: 1;
930
+ transform: scale(1);
931
+
932
+ }
933
+
934
+ .allow-overflow {
935
+ overflow: auto;
936
+
937
+ }
938
+
939
+ .bold {
940
+ font-family: heading;
941
+
942
+ }
943
+
944
+ .search-container {
945
+ align-items: flex-start;
946
+ bottom: 0;
947
+ justify-content: center;
948
+ left: 0;
949
+ position: fixed;
950
+ right: 0;
951
+ top: 0;
952
+ z-index: 50;
953
+
954
+ }
955
+
956
+ .search-container .wrapper {
957
+ border-radius: 1rem;
958
+ margin: 3rem 25rem;
959
+ max-width: 60rem;
960
+ padding: 4rem 2rem 2rem;
961
+ position: relative;
962
+ width: 100%;
963
+
964
+ }
965
+
966
+ .search-close-button {
967
+ position: absolute;
968
+ right: 1rem;
969
+ top: 1rem;
970
+
971
+ }
972
+
973
+ .search-result-c-text {
974
+ display: flex;
975
+ justify-content: center;
976
+ user-select: none;
977
+
978
+ }
979
+
980
+ .search-result-c {
981
+ max-height: 40rem;
982
+ min-height: 20rem;
983
+ overflow: auto;
984
+ padding: 2rem 0;
985
+
986
+ }
987
+
988
+ .search-box-c {
989
+ align-items: center;
990
+ display: flex;
991
+ position: relative;
992
+ width: 100%;
993
+
994
+ }
995
+
996
+ .search-box-c svg {
997
+ height: 1.5rem;
998
+ left: 1.5rem;
999
+ position: absolute;
1000
+ width: 1.5rem;
1001
+
1002
+ }
1003
+
1004
+ .search-input {
1005
+ border: 0;
1006
+ border-radius: 1rem;
1007
+ flex: 1;
1008
+ font-family: body;
1009
+ font-size: 1.25rem;
1010
+ padding: 1rem 2rem 1rem 4rem;
1011
+ width: 100%;
1012
+
1013
+ }
1014
+
1015
+ .search-result-item {
1016
+ border-radius: 1rem;
1017
+ display: block;
1018
+ margin: 1rem 0;
1019
+ padding: 1rem;
1020
+ text-decoration: none;
1021
+
1022
+ }
1023
+
1024
+ .search-result-item:hover {
1025
+ text-decoration: none;
1026
+
1027
+ }
1028
+
1029
+ .search-result-item:active {
1030
+ text-decoration: none;
1031
+
1032
+ }
1033
+
1034
+ .search-result-item-title {
1035
+ font-family: heading;
1036
+ font-size: 1.5rem;
1037
+ margin: 0;
1038
+
1039
+ }
1040
+
1041
+ .search-result-item-p {
1042
+ font-size: 0.875rem;
1043
+ margin: 0;
1044
+
1045
+ }
1046
+
1047
+ .mobile-menu-icon-container {
1048
+ bottom: 1.5rem;
1049
+ display: none;
1050
+ position: fixed;
1051
+ right: 2rem;
1052
+ z-index: 30;
1053
+
1054
+ }
1055
+
1056
+ .mobile-menu-icon-container .icon-button svg {
1057
+ height: 2rem;
1058
+ width: 2rem;
1059
+
1060
+ }
1061
+
1062
+ .mobile-sidebar-container {
1063
+ bottom: 0;
1064
+ display: none;
1065
+ left: 0;
1066
+ padding: 1rem;
1067
+ position: fixed;
1068
+ right: 0;
1069
+ top: 0;
1070
+ z-index: 25;
1071
+
1072
+ }
1073
+
1074
+ .mobile-sidebar-container.show {
1075
+ display: block;
1076
+
1077
+ }
1078
+
1079
+ .mobile-sidebar-wrapper {
1080
+ border-radius: 1rem;
1081
+ display: flex;
1082
+ flex-direction: column;
1083
+ height: 100%;
1084
+ padding-top: 2rem;
1085
+ width: 100%;
1086
+
1087
+ }
1088
+
1089
+ .mobile-nav-links {
1090
+ display: flex;
1091
+ flex-wrap: wrap;
1092
+ padding-top: 2rem;
1093
+
1094
+ }
1095
+
1096
+ .mobile-sidebar-items-c {
1097
+ flex: 1;
1098
+ overflow: auto;
1099
+
1100
+ }
1101
+
1102
+ .mobile-navbar-actions {
1103
+ display: flex;
1104
+ padding: 1rem;
1105
+
1106
+ }
1107
+
1108
+ .rel {
1109
+ position: relative;
1110
+
1111
+ }
1112
+
1113
+ .icon-button.codepen-button svg {
1114
+ height: 1.5rem;
1115
+ width: 1.5rem;
1116
+
1117
+ }
1118
+
1119
+ .table-div {
1120
+ overflow: auto;
1121
+ width: 100%;
1122
+
1123
+ }
1124
+
1125
+ .tag-default {
1126
+ overflow: auto;
1127
+
1128
+ }
1129
+
1130
+ @media screen and (max-width: 100em) {
1131
+
1132
+ .toc-container {
1133
+ display: none;
1134
+
1135
+ }
1136
+
1137
+ .main-content {
1138
+ padding: 7rem 0 0 25rem;
1139
+
1140
+ }
1141
+
1142
+ .search-container .wrapper {
1143
+ margin-right: 1rem;
1144
+
1145
+ }
1146
+
1147
+ .navbar-container {
1148
+ /* For scrollbar */
1149
+ right: 1rem;
1150
+
1151
+ }
1152
+
1153
+ }
1154
+
1155
+ @media screen and (min-width: 65em) {
1156
+
1157
+ .mobile-sidebar-container.show {
1158
+ display: none;
1159
+
1160
+ }
1161
+
1162
+ }
1163
+
1164
+ @media screen and (max-width: 65em) {
1165
+
1166
+ h1 {
1167
+ font-size: 3rem;
1168
+
1169
+ }
1170
+
1171
+ h2 {
1172
+ font-size: 2rem;
1173
+
1174
+ }
1175
+
1176
+ h3 {
1177
+ font-size: 1.875;
1178
+
1179
+ }
1180
+
1181
+ h4,
1182
+ h5,
1183
+ h6 {
1184
+ font-size: 1rem;
1185
+
1186
+ }
1187
+
1188
+ .main-wrapper {
1189
+ padding: 0 1rem 1rem;
1190
+
1191
+ }
1192
+
1193
+ .search-result-c {
1194
+ max-height: 25rem;
1195
+
1196
+ }
1197
+
1198
+ .mobile-menu-icon-container {
1199
+ display: block;
1200
+
1201
+ }
1202
+
1203
+ .sidebar-container {
1204
+ display: none;
1205
+
1206
+ }
1207
+
1208
+ .search-container .wrapper {
1209
+ margin-left: 1rem;
1210
+
1211
+ }
1212
+
1213
+ .main-content {
1214
+ padding-left: 0;
1215
+ padding-top: 1rem;
1216
+
1217
+ }
1218
+
1219
+ .navbar-container {
1220
+ display: none;
1221
+
1222
+ }
1223
+
1224
+ .source-page + .footer,
1225
+ .footer {
1226
+ margin-top: 2rem;
1227
+
1228
+ }
1229
+
1230
+ .has-anchor:hover .link-anchor {
1231
+ visibility: hidden;
1232
+
1233
+ }
1234
+
1235
+ }
1236
+
1237
+ .child-tutorial-container {
1238
+ display: flex;
1239
+ flex-direction: row;
1240
+ flex-wrap: wrap;
1241
+
1242
+ }
1243
+
1244
+ .child-tutorial {
1245
+ border: 1px solid;
1246
+ border-radius: 10px;
1247
+ display: block;
1248
+ margin: 5px;
1249
+ padding: 10px 16px;
1250
+
1251
+ }
1252
+
1253
+ .child-tutorial:hover {
1254
+ text-decoration: none;
1255
+
1256
+ }
1257
+