@scalar/api-reference 0.1.30 → 0.2.0

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.
package/dist/style.css DELETED
@@ -1,2669 +0,0 @@
1
- @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');@import url('https://fonts.googleapis.com/css?family=JetBrains%20Mono');@import 'node_modules/modern-normalize/modern-normalize.css';@import 'node_modules/modern-normalize/modern-normalize.css';.cm-scroller,
2
- .custom-scroll {
3
- overflow-y: scroll;
4
- scrollbar-color: transparent transparent;
5
- scrollbar-width: thin;
6
- -webkit-overflow-scrolling: touch;
7
- }
8
- .custom-scroll-self-contain-overflow {
9
- overscroll-behavior: contain;
10
- }
11
- .custom-scroll-extra-padding-right {
12
- padding-right: 12px !important;
13
- }
14
- @supports (-moz-appearance: none) {
15
- .cm-scroller,
16
- .custom-scroll {
17
- padding-right: 12px;
18
- }
19
- .custom-scroll-extra-padding-right {
20
- padding-right: 24px !important;
21
- }
22
- }
23
- .cm-scroller:hover,
24
- .custom-scroll:hover {
25
- scrollbar-color: var(--theme-scrollbar-color) transparent;
26
- }
27
- .cm-scroller:hover::-webkit-scrollbar-thumb,
28
- .custom-scroll:hover::-webkit-scrollbar-thumb {
29
- background: var(--theme-scrollbar-color);
30
- background-clip: content-box;
31
- border: 3px solid transparent;
32
- }
33
- .cm-scroller::-webkit-scrollbar-thumb:active,
34
- .custom-scroll::-webkit-scrollbar-thumb:active {
35
- background: var(--theme-scrollbar-color-active);
36
- background-clip: content-box;
37
- border: 3px solid transparent;
38
- }
39
- .cm-scroller::-webkit-scrollbar-corner,
40
- .custom-scroll::-webkit-scrollbar-corner {
41
- background: transparent;
42
- }
43
- .cm-scroller::-webkit-scrollbar,
44
- .custom-scroll::-webkit-scrollbar {
45
- height: 12px;
46
- width: 12px;
47
- }
48
- .cm-scroller::-webkit-scrollbar-track,
49
- .custom-scroll::-webkit-scrollbar-track {
50
- background: transparent;
51
- }
52
- .cm-scroller::-webkit-scrollbar-thumb,
53
- .custom-scroll::-webkit-scrollbar-thumb {
54
- border-radius: 20px;
55
- background: transparent;
56
- background-clip: content-box;
57
- border: 3px solid transparent;
58
- }
59
- @media (pointer: coarse) {
60
- .cm-scroller,
61
- .custom-scroll {
62
- padding-right: 12px;
63
- }
64
- .custom-scroll-extra-padding-right {
65
- padding-right: 24px !important;
66
- }
67
- }
68
-
69
- .sidebar-search[data-v-f87e89f2] {
70
- display: flex;
71
- align-items: center;
72
- position: relative;
73
- /* Sub */
74
- --margin-x: 12px;
75
- width: calc(100% - 2 * var(--margin-x));
76
- margin: 12px var(--margin-x) 6px var(--margin-x);
77
- padding: 0 3px 0 12px;
78
-
79
- color: var(--sidebar-color-2, var(--theme-color-2));
80
- outline: none;
81
- border-radius: var(--theme-radius-lg);
82
- border: 1px solid var(--theme-border-color);
83
- /* prettier-ignore */
84
- background: var(--scalar-api-reference-sidebar-search-background, var(--theme-background-1));
85
- cursor: pointer;
86
- appearance: none;
87
- }
88
- .sidebar-search-input[data-v-f87e89f2] {
89
- font-size: var(--theme-small);
90
- font-weight: var(--theme-semibold);
91
- height: 31px;
92
-
93
- user-select: none;
94
- z-index: 10;
95
- position: relative;
96
- display: flex;
97
- width: 100%;
98
- justify-content: space-between;
99
- align-items: center;
100
- }
101
- .sidebar-search-shortcut[data-v-f87e89f2] {
102
- text-transform: uppercase;
103
- }
104
- .sidebar-search-key[data-v-f87e89f2] {
105
- background-color: var(--theme-background-2);
106
- padding: 3px 5px;
107
- margin: 2px;
108
- border-radius: var(--theme-radius);
109
- color: var(--theme-color-3);
110
- }
111
- .search-icon[data-v-f87e89f2] {
112
- padding: 0;
113
- margin-right: 9px;
114
- width: 12px;
115
- }
116
-
117
- .loader-wrapper[data-v-a0429592] {
118
- position: relative;
119
- height: var(--a8cfd54e);
120
- width: var(--a8cfd54e);
121
-
122
- display: flex;
123
- align-items: center;
124
- justify-content: center;
125
-
126
- --loader-size: 50%;
127
- }
128
-
129
- /*SVG Positioning for Loader Objects*/
130
- .svg-loader[data-v-a0429592] {
131
- width: var(--loader-size);
132
- height: var(--loader-size);
133
- top: 1rem;
134
- right: 0.9rem;
135
- overflow: visible;
136
-
137
- fill: none;
138
- background-color: transparent;
139
- stroke: currentColor;
140
- }
141
- .svg-path[data-v-a0429592] {
142
- stroke-width: 14;
143
- fill: none;
144
- transition: 0.3s;
145
- }
146
- .svg-x-mark[data-v-a0429592] {
147
- stroke-dasharray: 57;
148
- stroke-dashoffset: 57;
149
- transition-delay: 0s;
150
- }
151
- .svg-check-mark[data-v-a0429592] {
152
- stroke-dasharray: 149;
153
- stroke-dashoffset: 149;
154
- transition-delay: 0s;
155
- }
156
- .icon-is-invalid .svg-x-mark[data-v-a0429592] {
157
- stroke-dashoffset: 0;
158
- transition-delay: 0.3s;
159
- }
160
- .icon-is-valid .svg-check-mark[data-v-a0429592] {
161
- stroke-dashoffset: 0;
162
- transition-delay: 0.3s;
163
- }
164
- .circular-loader[data-v-a0429592] {
165
- animation: rotate-a0429592 0.7s linear infinite,fade-in-a0429592 0.4s;
166
-
167
- transform-origin: center center;
168
- transform: scale(5);
169
-
170
- background: transparent;
171
- }
172
- .loader-path[data-v-a0429592] {
173
- stroke-dasharray: 50, 200;
174
- stroke-dashoffset: -100;
175
- stroke-linecap: round;
176
- }
177
- .loader-path-off[data-v-a0429592] {
178
- stroke-dasharray: 50, 200;
179
- stroke-dashoffset: -100;
180
- transition: opacity 0.3s;
181
- opacity: 0;
182
- }
183
- @keyframes fade-in-a0429592 {
184
- 0% {
185
- opacity: 0;
186
- }
187
- 70% {
188
- opacity: 0;
189
- }
190
- 100% {
191
- opacity: 1;
192
- }
193
- }
194
- @keyframes rotate-a0429592 {
195
- from {
196
- transform: scale(5) rotate(0deg);
197
- }
198
- to {
199
- transform: scale(5) rotate(360deg);
200
- }
201
- }
202
-
203
- .flow-button[data-v-59eee5f4] {
204
- display: flex;
205
- align-items: center;
206
- justify-content: center;
207
- z-index: 1;
208
- position: relative;
209
- appearance: none;
210
- -webkit-appearance: none;
211
- height: 40px;
212
- padding: 0px 24px;
213
- border-radius: var(--theme-radius-lg);
214
- color: var(--theme-button-1-color);
215
- font-size: var(--theme-small);
216
- font-weight: 500;
217
- cursor: pointer;
218
- background: var(--theme-button-1);
219
- border: none;
220
- width: 100%;
221
- box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 4px;
222
- }
223
- .flow-button[data-v-59eee5f4]:hover,
224
- .flow-button[data-v-59eee5f4]:focus-visible {
225
- background: var(--theme-button-1-hover);
226
- }
227
- .flow-button[data-v-59eee5f4]:active {
228
- box-shadow: none;
229
- background: var(--theme-button-1);
230
- }
231
- .flow-button[disabled][data-v-59eee5f4] {
232
- background: var(--theme-background-2);
233
- color: var(--theme-color-3);
234
- cursor: unset;
235
- box-shadow: none;
236
- }
237
- .flow-button.flow-button-icon-only[data-v-59eee5f4] {
238
- width: 24px;
239
- height: 24px;
240
- padding: 0;
241
- }
242
-
243
- /* ----------------------------------------------------- */
244
- .flow-button-outlined[data-v-59eee5f4] {
245
- background: var(--theme-background-1);
246
- color: var(--theme-color-1);
247
- padding: 11px 23px;
248
- border: 1px solid var(--theme-border-color);
249
- box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 4px;
250
- }
251
- .flow-button-outlined[data-v-59eee5f4]:hover,
252
- .flow-button-outlined[data-v-59eee5f4]:focus-visible {
253
- background: var(--theme-background-2);
254
- }
255
- .flow-button-outlined[data-v-59eee5f4]:active {
256
- background: var(--theme-background-2);
257
- }
258
- .flow-button-outlined[disabled][data-v-59eee5f4] {
259
- background: var(--theme-background-2);
260
- color: var(--theme-color-3);
261
- cursor: unset;
262
- box-shadow: none;
263
- }
264
-
265
- /* ----------------------------------------------------- */
266
- .flow-button-clear[data-v-59eee5f4] {
267
- background: transparent;
268
- box-shadow: none;
269
- color: var(--theme-color-3);
270
- }
271
- .flow-button-clear[data-v-59eee5f4]:active {
272
- background: transparent;
273
- }
274
- .flow-button-clear[data-v-59eee5f4]:hover,
275
- .flow-button-clear[data-v-59eee5f4]:focus-visible {
276
- background: var(--theme-background-2);
277
- box-shadow: none;
278
- }
279
- .flow-button-clear[disabled][data-v-59eee5f4] {
280
- background: var(--theme-background-2);
281
- color: var(--theme-color-3);
282
- cursor: unset;
283
- box-shadow: none;
284
- }
285
-
286
- /* ----------------------------------------------------- */
287
- .flow-button-text[data-v-59eee5f4] {
288
- background: transparent;
289
- box-shadow: none;
290
- color: var(--theme-color-3);
291
- }
292
- .flow-button-text[data-v-59eee5f4]:active {
293
- background: transparent;
294
- }
295
- .flow-button-text[data-v-59eee5f4]:hover,
296
- .flow-button-text[data-v-59eee5f4]:focus-visible {
297
- color: var(--theme-color-2);
298
- background: transparent;
299
- box-shadow: none;
300
- }
301
- .flow-button-text[disabled][data-v-59eee5f4] {
302
- background: transparent;
303
- color: var(--theme-color-ghost);
304
- cursor: unset;
305
- box-shadow: none;
306
- }
307
-
308
- /* ----------------------------------------------------- */
309
- .flow-button--delete[data-v-59eee5f4] {
310
- background: var(--theme-error-color);
311
- color: white;
312
- }
313
- .flow-button--delete[data-v-59eee5f4]:active {
314
- background: var(--theme-error-color);
315
- }
316
- .flow-button--delete[data-v-59eee5f4]:hover {
317
- background: var(--theme-error-color);
318
- opacity: 0.86;
319
- }
320
-
321
- /* ----------------------------------------------------- */
322
- .flow-button-loader[data-v-59eee5f4] {
323
- position: absolute;
324
- right: 8px;
325
- }
326
- .flow-button-decorator[data-v-59eee5f4] {
327
- margin-right: 9px;
328
- color: currentColor;
329
- display: flex;
330
- align-items: center;
331
- height: 14px;
332
- width: 14px;
333
- }
334
- .flow-button-icon-only .flow-button-decorator[data-v-59eee5f4] {
335
- margin-right: 0;
336
- }
337
-
338
- .action-menu[data-v-fa8f9095] {
339
- position: absolute;
340
- top: 5px;
341
- right: 5px;
342
- display: flex;
343
- gap: 6px;
344
- }
345
- /**
346
- * Some awkwardness to make the dropdown buttons hidden when not hovered
347
- * but still show when the panel is open and focused
348
- */
349
- .action-menu[data-v-fa8f9095] .button-wrapper button {
350
- /* Hide the icons by default */
351
- opacity: 0;
352
- width: 20px;
353
- height: 20px;
354
- padding: 4px;
355
- }
356
- .action-menu[data-v-fa8f9095]:hover .button-wrapper button,
357
- .action-menu[data-v-fa8f9095] .button-wrapper button:hover,
358
- .sidebar-heading:hover ~ .action-menu[data-v-fa8f9095] .button-wrapper button,
359
- .action-menu[data-v-fa8f9095] .button-wrapper button[aria-expanded='true'] {
360
- opacity: 1;
361
- }
362
- .sidebar-heading[data-v-fa8f9095]:has(~ .action-menu:hover) {
363
- /* prettier-ignore */
364
- color: var(--sidebar-color-1, var(--theme-color-1));
365
- /* prettier-ignore */
366
- background: var(--sidebar-item-hover-background, var(--theme-background-2));
367
- }
368
-
369
- .sidebar {
370
- --theme-sidebar-indent-base: 6px;
371
- /* prettier-ignore */
372
- background: var(--sidebar-background-1, var(--theme-background-1));
373
- }
374
-
375
- /* ----------------------------------------------------- */
376
- /* Main sidebar styles */
377
- .sidebar {
378
- flex: 1;
379
- height: 100%;
380
- display: flex;
381
- flex-direction: column;
382
- /* prettier-ignore */
383
- background: var(--sidebar-background-1, var(--theme-background-1));
384
- --sidebar-level: 0;
385
- }
386
- .pages {
387
- padding-top: 9px;
388
- padding-bottom: 9px;
389
- }
390
- .sidebar-group {
391
- list-style: none;
392
- width: 100%;
393
- }
394
- .sidebar-heading {
395
- display: flex;
396
- gap: 6px;
397
-
398
- /* prettier-ignore */
399
- color: var(--sidebar-color-2, var(--theme-color-2));
400
- font-size: var(--theme-mini);
401
- font-weight: var(--theme-semibold);
402
- word-break: break-word;
403
- line-height: 1.385;
404
- display: flex;
405
- align-items: center;
406
- max-width: 100%;
407
- position: relative;
408
- cursor: pointer;
409
- /* prettier-ignore */
410
- border-radius: 0 var(--theme-radius-lg) var(--theme-radius-lg) 0;
411
- flex: 1;
412
- padding-right: 12px;
413
- user-select: none;
414
- }
415
-
416
- /* Folder/page collapse icon */
417
- .toggle-nested-icon {
418
- border: none;
419
- position: absolute !important;
420
- left: 2px;
421
- top: 50%;
422
- transform: translateY(-50%);
423
- color: currentColor;
424
- }
425
- .toggle-nested-icon:hover,
426
- .toggle-nested-icon:focus-visible {
427
- color: currentColor;
428
- filter: drop-shadow(0 0.125px 0 currentColor)
429
- drop-shadow(0 -0.125px 0 currentColor);
430
- }
431
-
432
- /* We indent each level of nesting further */
433
- .sidebar-indent-nested .sidebar-heading {
434
- /* prettier-ignore */
435
- padding-left: calc((var(--sidebar-level) * var(--theme-sidebar-indent-base)) + 24px) !important;
436
- }
437
-
438
- /* Collapse/expand icons must also be offset */
439
- .sidebar-indent-nested .sidebar-heading .toggle-nested-icon {
440
- /* prettier-ignore */
441
- left: calc((var(--sidebar-level) * var(--theme-sidebar-indent-base)) + 2px) !important;
442
- }
443
- .sidebar-heading-link {
444
- padding-right: 12px;
445
- padding: 6px 0;
446
- display: flex;
447
- align-items: center;
448
- }
449
-
450
- /* Sidebar link icon */
451
- .link-icon {
452
- position: relative;
453
- left: 4px;
454
- }
455
- .sidebar-icon {
456
- display: flex;
457
- align-items: center;
458
- justify-content: center;
459
- margin-right: 6px;
460
-
461
- width: 13px;
462
- height: 13px;
463
- }
464
- .sidebar-icon > svg {
465
- width: 13px;
466
- height: 13px;
467
- }
468
- .sidebar-heading:hover {
469
- /* prettier-ignore */
470
- color: var(--sidebar-color-1, var(--theme-color-1));
471
- /* prettier-ignore */
472
- background: var(--sidebar-item-hover-background, var(--theme-background-2));
473
- }
474
- .active_page.sidebar-heading:hover,
475
- .active_page.sidebar-heading,
476
- .marc_active .sidebar-heading {
477
- /* prettier-ignore */
478
- background: var(--sidebar-item-active-background, var(--theme-background-accent)) !important;
479
- /* prettier-ignore */
480
- color: var(--theme-color-accent, var(--theme-background-accent)) !important;
481
- }
482
- .sidebar-group-item {
483
- position: relative;
484
- }
485
-
486
- /* Change font colors and weights for nested items */
487
- .sidebar-indent-nested .sidebar-heading {
488
- /* prettier-ignore */
489
- color: var(--sidebar-color-1, var(--theme-color-1));
490
- }
491
- .sidebar-indent-nested .sidebar-indent-nested .sidebar-heading {
492
- /* prettier-ignore */
493
- color: var(--sidebar-color-2, var(--theme-color-2));
494
- }
495
- .sidebar-indent-nested > div:has(.active_page) .sidebar-heading {
496
- font-weight: var(--theme-bold);
497
- }
498
- .sidebar-mobile-header {
499
- display: flex;
500
- align-items: center;
501
- gap: 12px;
502
- height: 100%;
503
- width: 100%;
504
- padding: 0 6px;
505
- }
506
- .sidebar-mobile-breadcrumbs {
507
- flex: 1;
508
- min-width: 0;
509
- overflow: hidden;
510
- white-space: nowrap;
511
- text-overflow: ellipsis;
512
- font-size: var(--theme-small);
513
- font-weight: var(--theme-semibold);
514
- }
515
- .sidebar-mobile-actions {
516
- display: flex;
517
- flex-direction: row;
518
- gap: 4px;
519
- height: 24px;
520
- align-items: center;
521
- padding: 0 4px;
522
- }
523
- .sidebar-mobile-actions .sidebar-mobile-darkmode-toggle {
524
- height: 16px;
525
- width: 16px;
526
- }
527
- @media (max-width: 1000px) {
528
- .sidebar {
529
- min-height: 0;
530
- }
531
- .pages {
532
- padding-top: 12px;
533
- }
534
- }
535
- @media (max-width: 500px) {
536
- .header-item-link.header-item-active,
537
- .sidebar-section,
538
- .sidebar-heading {
539
- font-size: var(--theme-micro);
540
- }
541
- }
542
-
543
- .scalar-api-client__container .scalar-api-client[data-v-cd5e89a0] {
544
- width: calc(100% - var(--scalar-api-reference-theme-sidebar-width));
545
- }
546
- .scalar-api-client__container[data-v-cd5e89a0] {
547
- position: absolute;
548
- right: 0;
549
- left: 0;
550
- bottom: 0;
551
- top: 0;
552
- z-index: 9;
553
- border-radius: 0;
554
- box-shadow: none;
555
- opacity: 1;
556
- overflow: hidden;
557
- pointer-events: all;
558
- background: var(--theme-background-1) !important;
559
- border-radius: var(--theme-radius-lg);
560
- box-shadow: var(--theme-shadow-1);
561
- height: 100%;
562
- overflow: hidden;
563
- display: flex;
564
- flex-direction: column;
565
- }
566
- @media screen and (max-width: 1265px) {
567
- .scalar-api-client__container[data-v-cd5e89a0] {
568
- width: 100vw !important;
569
- }
570
- }
571
- .scalar-api-client__navigation[data-v-cd5e89a0] {
572
- width: 100%;
573
- display: flex;
574
- align-items: center;
575
- padding: 11px 12px;
576
- height: var(--scalar-api-reference-theme-header-height);
577
- background-color: var(--theme-background-1);
578
- z-index: 10;
579
- position: sticky;
580
- border-bottom: 1px solid var(--theme-border-color);
581
- top: 0;
582
- }
583
- .scalar-api-client__close[data-v-cd5e89a0] {
584
- appearance: none;
585
- border: none;
586
- outline: none;
587
- display: flex;
588
- align-items: center;
589
- background: transparent;
590
- font-size: 14px;
591
- color: var(--theme-color-1);
592
- font-weight: var(--theme-semibold);
593
- }
594
- .scalar-api-client__close[data-v-cd5e89a0]:hover {
595
- cursor: pointer;
596
- }
597
- /*
598
- TODO: Markup is missing
599
- .scalar-api-client__close__icon {
600
- width: 28px;
601
- height: 28px;
602
- border-radius: var(--theme-radius-lg);
603
- margin-right: 12px;
604
- display: flex;
605
- justify-content: center;
606
- align-items: center;
607
- color: var(--theme-color-2);
608
- }
609
- .scalar-api-client__close__icon:hover {
610
- background: var(--theme-background-2);
611
- }
612
- .scalar-api-client__close__icon svg {
613
- width: 12px;
614
- height: 12px;
615
- transform: rotate(180deg);
616
- } */
617
- .api-client-drawer[data-v-cd5e89a0] {
618
- background: var(--theme-background-1);
619
- height: calc(100vh - 58px);
620
- width: calc(100vw - 8px);
621
- border-radius: 12px;
622
- overflow: hidden;
623
- visibility: visible;
624
- position: fixed;
625
- bottom: 4px;
626
- left: 4px;
627
- z-index: 9999;
628
- opacity: 0;
629
- animation: apiclientfadein-cd5e89a0 0.35s forwards;
630
- }
631
- @keyframes apiclientfadein-cd5e89a0 {
632
- from {
633
- transform: translate3d(0, 20px, 0) scale(0.985);
634
- opacity: 0;
635
- }
636
- to {
637
- transform: translate3d(0, 0, 0) scale(1);
638
- opacity: 1;
639
- }
640
- }
641
- .api-client-drawer-exit[data-v-cd5e89a0] {
642
- position: fixed;
643
- top: 0;
644
- left: 0;
645
- width: 100vw;
646
- height: 100vh;
647
- background: rgba(0, 0, 0, 0.44);
648
- transition: all 0.3s ease-in-out;
649
- z-index: 9998;
650
- cursor: pointer;
651
- animation: drawerexitfadein-cd5e89a0 0.35s forwards;
652
- }
653
- @keyframes drawerexitfadein-cd5e89a0 {
654
- from {
655
- opacity: 0;
656
- }
657
- to {
658
- opacity: 1;
659
- }
660
- }
661
- .scalar-api-client-height[data-v-cd5e89a0] {
662
- height: 100%;
663
- }
664
- .scalar-api-client-height .sidebar[data-v-cd5e89a0] {
665
- flex: 1 1 0%;
666
- flex-grow: 1;
667
- flex-shrink: 1;
668
- flex-basis: 0%;
669
- height: 100%;
670
- display: flex;
671
- flex-direction: column;
672
- width: var(--scalar-api-reference-theme-sidebar-width);
673
- border-right: 1px solid var(--theme-border-color);
674
- }
675
-
676
- .card[data-v-632b8afa] {
677
- border-radius: var(--theme-radius-lg);
678
- overflow: hidden;
679
- border: 1px solid var(--theme-border-color);
680
- }
681
-
682
- .card-content[data-v-872d61e3] {
683
- overflow: auto;
684
- padding: 10px 12px;
685
- border-bottom: 1px solid var(--theme-border-color);
686
- }
687
- .card-content[data-v-872d61e3]:last-of-type,
688
- .card-content.card--borderless[data-v-872d61e3] {
689
- border-bottom: none;
690
- }
691
- .card--muted[data-v-872d61e3] {
692
- background: var(--theme-background-2);
693
- }
694
- .card--frameless[data-v-872d61e3] {
695
- padding: 0;
696
- }
697
-
698
- .card-header[data-v-397189f8] {
699
- font-weight: var(--theme-semibold);
700
- font-size: var(--theme-mini);
701
- color: var(--theme-color-3);
702
- }
703
- .card-header-title[data-v-397189f8] {
704
- text-transform: uppercase;
705
- }
706
- .card-header-slots[data-v-397189f8] {
707
- display: flex;
708
- justify-content: space-between;
709
- align-items: center;
710
- }
711
- .card-header-actions[data-v-397189f8] {
712
- display: flex;
713
- align-items: center;
714
- }
715
-
716
- .card-footer[data-v-0b2d0026] {
717
- border-top: 1px solid var(--theme-border-color);
718
- }
719
-
720
- .tab-list[data-v-d1f27904] {
721
- display: flex;
722
- gap: 6px;
723
- position: relative;
724
- }
725
-
726
- .tab[data-v-200cb238] {
727
- background: none;
728
- border: none;
729
- font-size: var(--theme-micro);
730
- font-family: var(--theme-font);
731
- color: var(--theme-color-2);
732
- font-weight: var(--theme-semibold);
733
- line-height: calc(var(--theme-micro) + 2px);
734
- cursor: pointer;
735
- }
736
- .tab-selected[data-v-200cb238] {
737
- color: var(--theme-color-1);
738
- text-decoration: underline;
739
- text-underline-offset: var(--theme-micro);
740
- }
741
-
742
- .markdown[data-v-e041250f] * {
743
- margin-top: 12px;
744
- }
745
- .markdown[data-v-e041250f] h1,
746
- .markdown[data-v-e041250f] h2,
747
- .markdown[data-v-e041250f] h3,
748
- .markdown[data-v-e041250f] h4,
749
- .markdown[data-v-e041250f] h5,
750
- .markdown[data-v-e041250f] h6 {
751
- font-size: var(--font-size);
752
- margin: 12px 0 6px;
753
- }
754
- .markdown[data-v-e041250f] p {
755
- font-size: var(--font-size, var(--theme-paragraph));
756
- /* prettier-ignore */
757
- color: var(--theme-color-1);
758
- font-weight: var(--font-weight, var(--theme-small));
759
- line-height: 1.5;
760
- }
761
- .markdown[data-v-e041250f] ul,
762
- .markdown[data-v-e041250f] ol {
763
- padding-left: 24px;
764
- line-height: 1.5;
765
- margin: 12px 0;
766
- }
767
- .markdown[data-v-e041250f] ul {
768
- list-style: disc;
769
- }
770
- .markdown[data-v-e041250f] ol {
771
- list-style: decimal;
772
- }
773
- .markdown[data-v-e041250f] ul.contains-task-list {
774
- list-style: none;
775
- padding-left: 0;
776
- }
777
- .markdown[data-v-e041250f] li {
778
- margin: 6px 0;
779
- }
780
- .markdown[data-v-e041250f] code {
781
- font-family: var(--theme-font-code);
782
- background-color: var(--theme-background-2);
783
- box-shadow: 0 0 0 1px var(--theme-border-color);
784
- font-size: var(--theme-micro);
785
- border-radius: 2px;
786
- padding: 0 3px;
787
- }
788
- .markdown[data-v-e041250f] pre code {
789
- display: block;
790
- white-space: pre;
791
- padding: 3px;
792
- margin: 12px 0;
793
- -webkit-overflow-scrolling: touch;
794
- overflow-x: scroll;
795
- max-width: 100%;
796
- min-width: 100px;
797
- }
798
- .markdown[data-v-e041250f] blockquote {
799
- border-left: 3px solid var(--theme-border-color);
800
- padding-left: 12px;
801
- }
802
- .markdown[data-v-e041250f] table {
803
- position: relative;
804
- border-collapse: collapse;
805
- table-layout: fixed;
806
- width: 100%;
807
- margin: 0;
808
- overflow: hidden;
809
- box-shadow: 0 0 0 1px var(--theme-border-color);
810
- border-radius: var(--theme-radius-lg);
811
- }
812
- .markdown[data-v-e041250f] td,
813
- .markdown[data-v-e041250f] th {
814
- min-width: 1em;
815
- padding: 6px;
816
- vertical-align: top;
817
- box-sizing: border-box;
818
- position: relative;
819
- word-break: break-all;
820
- border-right: 1px solid var(--theme-border-color);
821
- border-bottom: 1px solid var(--theme-border-color);
822
- }
823
- .markdown[data-v-e041250f] td > *,
824
- .markdown[data-v-e041250f] th > * {
825
- margin-bottom: 0;
826
- }
827
- .markdown.parameter-description[data-v-e041250f] p {
828
- margin-top: 4px;
829
- font-size: var(--theme-small);
830
- color: var(--theme-color-2);
831
- line-height: initial;
832
- }
833
- .markdown[data-v-e041250f] td:first-of-type,
834
- .markdown[data-v-e041250f] th:first-of-type {
835
- border-left: none;
836
- }
837
- .markdown[data-v-e041250f] td:last-of-type,
838
- .markdown[data-v-e041250f] th:last-of-type {
839
- border-right: none;
840
- }
841
- .markdown[data-v-e041250f] tr:last-of-type td {
842
- border-bottom: none;
843
- }
844
- .markdown[data-v-e041250f] th {
845
- font-weight: bold !important;
846
- text-align: left;
847
- border-left-color: transparent;
848
- background: var(--theme-background-2);
849
- }
850
-
851
- .base-url[data-v-e66bcf92] {
852
- color: var(--theme-color-2);
853
- font-size: var(--theme-mini);
854
- cursor: pointer;
855
- display: flex;
856
- font-family: var(--theme-font-code);
857
- flex-direction: column;
858
- }
859
-
860
- .client-libraries-content[data-v-474a477f] {
861
- display: flex;
862
- justify-content: center;
863
- gap: 6px;
864
- padding: 0 12px;
865
- }
866
- .code-languages[data-v-474a477f] {
867
- display: flex;
868
- align-items: center;
869
- justify-content: center;
870
- flex-direction: column;
871
- max-width: 68px;
872
- width: 100%;
873
- padding: 12px 0;
874
- position: relative;
875
- cursor: pointer;
876
- white-space: nowrap;
877
- }
878
- /* remove php and c on mobile */
879
- @media screen and (max-width: 450px) {
880
- .code-languages[data-v-474a477f]:nth-of-type(4),
881
- .code-languages[data-v-474a477f]:nth-of-type(6) {
882
- display: none;
883
- }
884
- }
885
- .code-languages-icon[data-v-474a477f] {
886
- max-width: 48px;
887
- width: 100%;
888
- max-height: 48px;
889
- aspect-ratio: 1;
890
- padding: 7px;
891
- display: flex;
892
- align-items: center;
893
- justify-content: center;
894
- position: relative;
895
- color: var(--theme-code-language-color-supersede, #fff);
896
- }
897
- .code-languages-background[data-v-474a477f] {
898
- border-radius: 12px;
899
- position: relative;
900
- overflow: hidden;
901
- box-shadow: 0 0 0 1px var(--theme-code-languages-border-color);
902
- }
903
- .code-languages-background[data-v-474a477f]:before {
904
- content: '';
905
- width: 100%;
906
- height: 100%;
907
- position: absolute;
908
- top: 0;
909
- left: 0;
910
- pointer-events: none;
911
- background: var(--theme-code-languages-background-supersede);
912
- }
913
- .code-languages-icon__shell[data-v-474a477f] {
914
- background: #000;
915
- }
916
- .code-languages-icon__ruby[data-v-474a477f] {
917
- background: #d91404;
918
- }
919
- .code-languages-icon__php[data-v-474a477f] {
920
- background: #6181b6;
921
- }
922
- .code-languages-icon__python[data-v-474a477f] {
923
- background: #306998;
924
- }
925
- .code-languages-icon__more[data-v-474a477f] {
926
- background: var(--theme-background-3);
927
- }
928
- .code-languages-icon__node[data-v-474a477f] {
929
- background: #83cd29;
930
- }
931
- .code-languages-icon__c[data-v-474a477f] {
932
- background: #03599c;
933
- }
934
- .code-languages-icon__csharp[data-v-474a477f] {
935
- background: #68217a;
936
- }
937
- .code-languages-icon__cplusplus[data-v-474a477f] {
938
- background: #9c033a;
939
- }
940
- .code-languages-icon__clojure[data-v-474a477f] {
941
- background: #5881d8;
942
- }
943
- .code-languages-icon__go[data-v-474a477f] {
944
- background: #00acd7;
945
- }
946
- .code-languages-icon__http[data-v-474a477f] {
947
- background: #005b9b;
948
- }
949
- .code-languages-icon__java[data-v-474a477f] {
950
- background: #ea2d2e;
951
- }
952
- .code-languages-icon__javascript[data-v-474a477f] {
953
- background: #f0db4f;
954
- }
955
- .code-languages-icon__kotlin[data-v-474a477f] {
956
- background: #7f6cb1;
957
- }
958
- .code-languages-icon__objc[data-v-474a477f] {
959
- background: #0b5a9d;
960
- }
961
- .code-languages-icon__ocaml[data-v-474a477f] {
962
- background: #f29100;
963
- }
964
- .code-languages-icon__powershell[data-v-474a477f] {
965
- background: #2671be;
966
- }
967
- .code-languages-icon__r[data-v-474a477f] {
968
- background: #cbced0;
969
- }
970
- .code-languages-icon__swift[data-v-474a477f] {
971
- background: #f05138;
972
- }
973
- .code-languages__loading .code-languages-icon[data-v-474a477f]:before {
974
- border: 1px solid rgba(255, 255, 255, 0.44);
975
- border-top: 1px solid white;
976
- animation: codeloader-474a477f 0.45s linear infinite;
977
- background: transparent;
978
- width: 18px;
979
- height: 18px;
980
- content: '';
981
- border-radius: 50%;
982
- }
983
- .code-languages__loading .code-languages-icon svg[data-v-474a477f] {
984
- display: none;
985
- }
986
- .code-languages__active[data-v-474a477f]:after {
987
- content: '';
988
- position: absolute;
989
- bottom: 0;
990
- height: 2px;
991
- width: 100%;
992
- background: var(--theme-color-1);
993
- }
994
- @keyframes codeloader-474a477f {
995
- 0% {
996
- transform: rotate(0deg);
997
- }
998
- to {
999
- transform: rotate(1turn);
1000
- }
1001
- }
1002
- .code-languages span[data-v-474a477f] {
1003
- margin-top: 3px;
1004
- color: var(--theme-color-2);
1005
- font-size: var(--theme-micro);
1006
- }
1007
- .code-languages__active span[data-v-474a477f] {
1008
- color: var(--theme-color-1);
1009
- }
1010
- .code-languages__select select[data-v-474a477f] {
1011
- opacity: 0;
1012
- width: 100%;
1013
- height: 100%;
1014
- position: absolute;
1015
- top: 0;
1016
- left: 0;
1017
- cursor: pointer;
1018
- z-index: 1;
1019
- }
1020
- .code-languages__select span[data-v-474a477f] {
1021
- position: relative;
1022
- display: flex;
1023
- align-items: center;
1024
- }
1025
- .code-languages__select span[data-v-474a477f]:after {
1026
- content: '';
1027
- width: 8px;
1028
- height: 8px;
1029
- background: var(--theme-background-1);
1030
- box-shadow: 1px 1px 0 currentColor;
1031
- display: block;
1032
- transform: rotate(45deg);
1033
- margin-left: 5px;
1034
- margin-top: -7px;
1035
- }
1036
-
1037
- .heading[data-v-5de9da25] {
1038
- margin-top: 0px !important;
1039
- }
1040
- .loading[data-v-5de9da25] {
1041
- background: var(--theme-background-2);
1042
- animation: loading-skeleton-5de9da25 2s infinite alternate;
1043
- border-radius: var(--theme-radius-lg);
1044
- }
1045
- .heading.loading[data-v-5de9da25] {
1046
- width: 80%;
1047
- }
1048
- .tag-description .loading[data-v-5de9da25] {
1049
- height: 20px;
1050
- margin-bottom: 4px;
1051
- width: 100%;
1052
- display: inline-block;
1053
- }
1054
- .tag-description .loading[data-v-5de9da25]:first-of-type {
1055
- margin-top: 12px;
1056
- }
1057
- .tag-description .loading[data-v-5de9da25]:last-of-type {
1058
- width: 40%;
1059
- }
1060
- @keyframes loading-skeleton-5de9da25 {
1061
- from {
1062
- background: var(--theme-background-2);
1063
- }
1064
- to {
1065
- background: var(--theme-background-3);
1066
- }
1067
- }
1068
-
1069
- .parameter p {
1070
- margin-top: 6px;
1071
- }
1072
- .parameter .parameter-child {
1073
- border: 1px solid var(--theme-border-color);
1074
- border-radius: 20px;
1075
- margin-top: 12px;
1076
- width: fit-content;
1077
- }
1078
- .parameter .parameter {
1079
- border: none !important;
1080
- }
1081
- .parameter-child-trigger {
1082
- padding: 6px 12px;
1083
- cursor: pointer;
1084
- font-weight: 500;
1085
- color: var(--theme-color-3);
1086
- font-size: var(--theme-micro);
1087
- display: flex;
1088
- align-items: center;
1089
- user-select: none;
1090
- }
1091
- .parameter-child-trigger:has(+ .parameter li:first-of-type:last-of-type) {
1092
- display: none;
1093
- }
1094
- .parameter-child-trigger:hover {
1095
- color: var(--theme-color-1);
1096
- }
1097
- .parameter-child-trigger > span:before {
1098
- content: 'Show ';
1099
- }
1100
- .parameter-child__open > .parameter-child-trigger span:before {
1101
- content: 'Hide ';
1102
- }
1103
- .parameter-child-trigger svg {
1104
- height: 10px;
1105
- width: 10px;
1106
- margin-right: 6px;
1107
- }
1108
- .parameter-child__open .parameter-child-trigger svg {
1109
- transform: rotate(45deg);
1110
- }
1111
- .parameter .parameter li:first-of-type {
1112
- border-top: none;
1113
- }
1114
- .parameter .parameter li {
1115
- padding: 12px;
1116
- }
1117
- .parameter-child__open > .parameter {
1118
- display: block;
1119
- }
1120
- .parameter .parameter-child__open {
1121
- width: 100%;
1122
- border-radius: 6px;
1123
- }
1124
- .parameter .parameter-child__open > svg {
1125
- transform: rotate(45deg);
1126
- }
1127
- .parameter-child__open > .parameter-child-trigger {
1128
- border-bottom: 1px solid var(--theme-border-color);
1129
- }
1130
- .parameter {
1131
- list-style: none;
1132
- font-size: var(--theme-small);
1133
- }
1134
- .parameter li {
1135
- border-top: 1px solid var(--theme-border-color);
1136
- padding: 12px 0;
1137
- }
1138
- .parameter-name {
1139
- font-weight: 500;
1140
- margin-right: 6px;
1141
- font-family: var(--theme-font-code);
1142
- font-size: 13px;
1143
- color: var(--theme-color-1);
1144
- }
1145
- .parameter-type,
1146
- .parameter-required {
1147
- color: var(--theme-color-3);
1148
- font-weight: var(--theme-semibold);
1149
- margin-right: 6px;
1150
- position: relative;
1151
- }
1152
- .marc_required {
1153
- text-transform: uppercase;
1154
- font-size: 11px;
1155
- font-weight: var(--theme-bold);
1156
- color: #ffb040;
1157
- }
1158
- .parameter-options {
1159
- position: relative;
1160
- }
1161
- .copy .parameter-description:empty {
1162
- display: none;
1163
- }
1164
-
1165
- .heading[data-v-4870ef25] {
1166
- margin-top: 0px !important;
1167
- }
1168
- .tag-description[data-v-4870ef25] {
1169
- margin-top: 12px;
1170
- }
1171
-
1172
- .request-method--post[data-v-9951d57c] {
1173
- color: var(--theme-post-color);
1174
- }
1175
- .request-method--patch[data-v-9951d57c] {
1176
- color: var(--theme-patch-color);
1177
- }
1178
- .request-method--get[data-v-9951d57c] {
1179
- color: var(--theme-get-color);
1180
- }
1181
- .request-method--delete[data-v-9951d57c] {
1182
- color: var(--theme-delete-color);
1183
- }
1184
- .request-method--put[data-v-9951d57c] {
1185
- color: var(--theme-put-color);
1186
- }
1187
- .request-path[data-v-9951d57c] {
1188
- margin-left: 6px;
1189
- color: var(--theme-color-2);
1190
- white-space: nowrap;
1191
- overflow: hidden;
1192
- cursor: default;
1193
- text-overflow: ellipsis;
1194
- text-transform: none !important;
1195
- }
1196
- .language-select[data-v-9951d57c] {
1197
- position: relative;
1198
- padding-right: 9px;
1199
- border-right: 1px solid var(--theme-border-color);
1200
- }
1201
- .language-select select[data-v-9951d57c] {
1202
- border: none;
1203
- outline: none;
1204
- cursor: pointer;
1205
- background: var(--theme-background-3);
1206
- box-shadow: -2px 0 0 0 var(--theme-background-3);
1207
- z-index: 2;
1208
- position: absolute;
1209
- top: 0;
1210
- left: 0;
1211
- width: 100%;
1212
- height: 100%;
1213
- opacity: 0;
1214
- appearance: none;
1215
- }
1216
- .language-select span[data-v-9951d57c] {
1217
- font-size: 12px;
1218
- color: var(--theme-color-3);
1219
- font-weight: var(--theme-semibold);
1220
- display: flex;
1221
- align-items: center;
1222
- justify-content: center;
1223
- }
1224
- .language-select span[data-v-9951d57c]:after {
1225
- content: '';
1226
- width: 7px;
1227
- height: 7px;
1228
- transform: rotate(45deg) translate3d(-2px, -2px, 0);
1229
- display: block;
1230
- margin-left: 6px;
1231
- box-shadow: 1px 1px 0 currentColor;
1232
- }
1233
- .language-select span[data-v-9951d57c]:hover {
1234
- background: var(--theme-background-2);
1235
- }
1236
- .copy-button[data-v-9951d57c] {
1237
- appearance: none;
1238
- -webkit-appearance: none;
1239
- outline: none;
1240
- background: transparent;
1241
- display: flex;
1242
- cursor: pointer;
1243
- color: var(--theme-color-3);
1244
- margin-left: 6px;
1245
- border: none;
1246
- border-radius: 3px;
1247
- }
1248
- .copy-button[data-v-9951d57c]:hover {
1249
- color: var(--theme-color-1);
1250
- }
1251
- .copy-button svg[data-v-9951d57c] {
1252
- width: 13px;
1253
- height: 13px;
1254
- }
1255
- .show-api-client-button[data-v-9951d57c] {
1256
- width: 100%;
1257
- display: block;
1258
- appearance: none;
1259
- outline: none;
1260
- border: none;
1261
- border-radius: var(--theme-radius-lg);
1262
- height: 35px;
1263
- display: flex;
1264
- justify-content: center;
1265
- cursor: pointer;
1266
- align-items: center;
1267
- font-weight: var(--theme-bold);
1268
- font-size: var(--theme-micro);
1269
- text-transform: uppercase;
1270
- border: 1px solid currentColor;
1271
- background: var(--theme-button-1);
1272
- color: var(--theme-button-1-color);
1273
- }
1274
- .show-api-client-button[data-v-9951d57c]:hover {
1275
- background: var(--theme-button-1-hover);
1276
- }
1277
- .show-api-client-button svg[data-v-9951d57c] {
1278
- height: 12px;
1279
- width: auto;
1280
- margin-right: 6px;
1281
- }
1282
- .request-method[data-v-9951d57c] {
1283
- font-family: var(--theme-font-code);
1284
- }
1285
- .request-path[data-v-9951d57c] {
1286
- font-family: var(--theme-font-code);
1287
- }
1288
-
1289
- .code-copy[data-v-c9b38270] {
1290
- display: flex;
1291
- appearance: none;
1292
- -webkit-appearance: none;
1293
- outline: none;
1294
- background: transparent;
1295
- cursor: pointer;
1296
- color: var(--theme-color-3);
1297
- border: none;
1298
- }
1299
- .code-copy[data-v-c9b38270]:hover {
1300
- color: var(--theme-color-1);
1301
- }
1302
- .code-copy svg[data-v-c9b38270] {
1303
- width: 13px;
1304
- height: 13px;
1305
- }
1306
- .description[data-v-c9b38270] {
1307
- font-weight: var(--theme-semibold);
1308
- font-size: var(--theme-micro);
1309
- }
1310
- .scalar-api-reference__empty-state[data-v-c9b38270] {
1311
- border: 1px dashed var(--theme-border-color);
1312
- width: 100%;
1313
- text-align: center;
1314
- font-size: var(--theme-micro);
1315
- padding: 20px;
1316
- color: var(--theme-color-2);
1317
- }
1318
-
1319
- .endpoints[data-v-18af7819] {
1320
- overflow: auto;
1321
- background: var(--theme-background-2);
1322
- }
1323
- .endpoints span + span[data-v-18af7819] {
1324
- text-align: left;
1325
- margin-left: 12px;
1326
- text-transform: initial;
1327
- }
1328
-
1329
- .scalar-logo-animation[data-v-16147dd7] {
1330
- width: 38px;
1331
- height: 38px;
1332
- position: relative;
1333
- display: flex;
1334
- align-items: center;
1335
- }
1336
- .scalar-logo-animation .line[data-v-16147dd7]:before {
1337
- content: '';
1338
- width: 100%;
1339
- height: 100%;
1340
- background: #4c4316;
1341
- display: block;
1342
- position: absolute;
1343
- }
1344
- .scalar-logo-animation .line[data-v-16147dd7] {
1345
- position: absolute;
1346
- width: 100%;
1347
- height: 1px;
1348
- overflow: hidden;
1349
- }
1350
- .scalar-logo-animation .line-2[data-v-16147dd7] {
1351
- transform: rotate(90deg);
1352
- }
1353
- .scalar-logo-animation .line-3[data-v-16147dd7] {
1354
- transform: rotate(45deg);
1355
- }
1356
- .scalar-logo-animation .line-4[data-v-16147dd7] {
1357
- transform: rotate(-45deg);
1358
- }
1359
- .scalar-logo-animation-load[data-v-16147dd7] {
1360
- animation: rotate-16147dd7 2s linear infinite;
1361
- }
1362
- @keyframes rotate-16147dd7 {
1363
- from {
1364
- transform: rotate(0deg);
1365
- }
1366
- to {
1367
- transform: rotate(360deg);
1368
- }
1369
- }
1370
-
1371
- .render-loading[data-v-914a90eb] {
1372
- height: calc(
1373
- var(--scalar-api-reference-full-height) -
1374
- var(--scalar-api-reference-theme-header-height)
1375
- );
1376
- display: flex;
1377
- align-items: center;
1378
- justify-content: center;
1379
- }
1380
- .show-more[data-v-914a90eb] {
1381
- background: var(--theme-background-1);
1382
- appearance: none;
1383
- border: none;
1384
- border: 1px solid var(--theme-border-color);
1385
- margin: auto;
1386
- padding: 8px 12px;
1387
- border-radius: 30px;
1388
- color: var(--theme-color-1);
1389
- font-weight: var(--theme-semibold);
1390
- font-size: var(--theme-small);
1391
- display: flex;
1392
- align-items: center;
1393
- justify-content: center;
1394
- margin-top: -48px;
1395
- margin-bottom: 48px;
1396
- position: relative;
1397
- }
1398
- .show-more[data-v-914a90eb]:hover {
1399
- color: var(--theme-color-2);
1400
- cursor: pointer;
1401
- }
1402
- .show-more-icon[data-v-914a90eb] {
1403
- width: 14px;
1404
- height: 14px;
1405
- margin-left: 3px;
1406
- }
1407
- .show-more[data-v-914a90eb]:active {
1408
- box-shadow: 0 0 0 1px var(--theme-border-color);
1409
- }
1410
- @media (max-width: 1165px) {
1411
- .show-more[data-v-914a90eb] {
1412
- margin-top: -24px;
1413
- margin-bottom: 24px;
1414
- }
1415
- }
1416
-
1417
- .modal-layout[data-v-3f4ab567] {
1418
- position: fixed;
1419
- width: 100vw;
1420
- height: 100vh;
1421
- top: 0;
1422
- left: 0;
1423
- z-index: 1001;
1424
- background: rgba(0, 0, 0, 0.44);
1425
- padding: 20px;
1426
- opacity: 0;
1427
- animation: modal-fade-3f4ab567 0.2s forwards;
1428
- }
1429
- .modal-body[data-v-3f4ab567] {
1430
- padding: 24px 12px 18px 24px;
1431
- max-height: calc(100vh - 240px);
1432
- background: var(--theme-background-1);
1433
- border-radius: var(--theme-radius-lg);
1434
- font-family: var(--theme-font);
1435
- }
1436
- .modal[data-v-3f4ab567] {
1437
- margin: 80px auto 0;
1438
- position: relative;
1439
- background: var(--theme-background-2);
1440
- border-radius: var(--theme-radius-lg);
1441
- color: var(--theme-color-1);
1442
- width: 100%;
1443
- text-align: left;
1444
- line-height: 1.4;
1445
- opacity: 0;
1446
- transform: scale(0.98);
1447
- animation: modal-pop-3f4ab567 0.15s 0.15s forwards;
1448
- display: flex;
1449
- flex-direction: column;
1450
- }
1451
- .modal-content-large[data-v-3f4ab567] {
1452
- max-width: 800px;
1453
- }
1454
- .modal-content-normal[data-v-3f4ab567] {
1455
- max-width: 640px;
1456
- }
1457
- .modal-content-small[data-v-3f4ab567] {
1458
- max-width: 480px;
1459
- }
1460
- @keyframes modal-fade-3f4ab567 {
1461
- from {
1462
- opacity: 0;
1463
- }
1464
- to {
1465
- opacity: 1;
1466
- }
1467
- }
1468
- @keyframes modal-pop-3f4ab567 {
1469
- 0% {
1470
- opacity: 0;
1471
- }
1472
- 100% {
1473
- opacity: 1;
1474
- transform: scale(1);
1475
- }
1476
- }
1477
- .modal-header[data-v-3f4ab567] {
1478
- padding: 12px 24px;
1479
- color: var(--theme-color-1);
1480
- font-size: var(--theme-font-size-4);
1481
- text-align: left;
1482
- font-weight: 600;
1483
- border-radius: var(--theme-radius-lg) var(--theme-radius-lg) 0 0;
1484
- }
1485
-
1486
- /** Input */
1487
- .ref-search-input[data-v-bee36e88] {
1488
- width: 100%;
1489
- background: transparent;
1490
- padding: 12px;
1491
- font-size: 13px;
1492
- outline: none;
1493
- border: 1px solid var(--theme-border-color);
1494
- border-radius: var(--theme-radius);
1495
- color: var(--theme-color-1);
1496
- font-weight: var(--theme-semibold);
1497
- font-size: var(--theme-font-size-3);
1498
- appearance: none;
1499
- margin-bottom: 12px;
1500
- }
1501
- .ref-search-input[data-v-bee36e88]::-webkit-input-placeholder,
1502
- .ref-search-input[data-v-bee36e88]::placeholder {
1503
- color: var(--theme-color-3);
1504
- font-family: var(--theme-font);
1505
- font-weight: var(--theme-regular);
1506
- }
1507
- /** Results */
1508
- .item-entry[data-v-bee36e88] {
1509
- appearance: none;
1510
- background: transparent;
1511
- border: none;
1512
- outline: none;
1513
- padding: 6px 12px;
1514
- width: 100%;
1515
- font-size: var(--theme-font-size-3);
1516
- text-align: left;
1517
- border-radius: var(--theme-radius);
1518
- display: flex;
1519
- flex-direction: column;
1520
- gap: 6px;
1521
- }
1522
- .item-entry--active[data-v-bee36e88] {
1523
- background: var(--theme-background-2);
1524
- box-shadow: 0 0 0 1px var(--theme-background-2);
1525
- }
1526
- .item-entry[data-v-bee36e88]:hover {
1527
- background: var(--theme-background-2);
1528
- box-shadow: 0 0 0 1px var(--theme-background-2);
1529
- }
1530
- .item-entry-title[data-v-bee36e88] {
1531
- font-weight: var(--theme-semibold);
1532
- }
1533
- .item-entry-request[data-v-bee36e88] {
1534
- display: flex;
1535
- gap: 3px;
1536
- font-family: var(--theme-font-code);
1537
- }
1538
- .item-entry-http-verb[data-v-bee36e88] {
1539
- text-transform: uppercase;
1540
- }
1541
- .item-entry-http-verb--post[data-v-bee36e88] {
1542
- color: var(--theme-post-color);
1543
- }
1544
- .item-entry-http-verb--patch[data-v-bee36e88] {
1545
- color: var(--theme-patch-color);
1546
- }
1547
- .item-entry-http-verb--get[data-v-bee36e88] {
1548
- color: var(--theme-get-color);
1549
- }
1550
- .item-entry-http-verb--delete[data-v-bee36e88] {
1551
- color: var(--theme-delete-color);
1552
- }
1553
- .item-entry-http-verb--put[data-v-bee36e88] {
1554
- color: var(--theme-put-color);
1555
- }
1556
- .item-entry-path[data-v-bee36e88] {
1557
- color: var(--theme-color-3);
1558
- }
1559
-
1560
-
1561
- * {
1562
- text-rendering: optimizeLegibility;
1563
- -webkit-font-smoothing: antialiased;
1564
- -moz-osx-font-smoothing: grayscale;
1565
- }
1566
- /* fonts */
1567
- :root {
1568
- --app-header-height: 50px;
1569
- --theme-border-width: 1px;
1570
- --theme-radius: 3px;
1571
- --theme-radius-lg: 6px;
1572
- --theme-radius-xl: 8px;
1573
-
1574
- --theme-header-height: 50px;
1575
- --theme-sidebar-width: 250px;
1576
- --theme-toc-width: 250px;
1577
-
1578
- /* TYPOGRAPHY ------------------------------------ */
1579
- --theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
1580
- Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
1581
- --theme-font-code: 'JetBrains Mono';
1582
-
1583
- /** Font sizes for rendered text content (editor styles or static content) */
1584
- --theme-heading-1: 40px; /* Editor Page heading */
1585
- --theme-page-description: 24px;
1586
- --theme-heading-2: 24px; /* Editor section headings */
1587
- --theme-heading-3: 20px;
1588
- --theme-heading-4: 16px;
1589
- --theme-heading-5: 16px;
1590
- --theme-heading-6: 16px;
1591
-
1592
- --theme-paragraph: 16px;
1593
- --theme-small: 14px;
1594
- --theme-mini: 13px;
1595
- --theme-micro: 12px;
1596
- --theme-bold: 600;
1597
- --theme-semibold: 500;
1598
- --theme-regular: 400;
1599
-
1600
- /* Font sizes for interactive applications (not rendered text content) */
1601
- --theme-font-size-1: 24px;
1602
- --theme-font-size-2: 16px;
1603
- --theme-font-size-3: 14px;
1604
- --theme-font-size-4: 13px;
1605
- --theme-font-size-5: 12px;
1606
-
1607
- --theme-line-height-1: 32px;
1608
- --theme-line-height-2: 24px;
1609
- --theme-line-height-3: 20px;
1610
- --theme-line-height-4: 18px;
1611
- --theme-line-height-5: 16px;
1612
-
1613
- --theme-font-medium: 500;
1614
- --theme-font-bold: 700;
1615
-
1616
- /* let's clean these up please :) */
1617
- --scalar-api-reference-theme-header-height: 0;
1618
- --scalar-api-reference-theme-sidebar-width: 250px;
1619
- --scalar-api-reference-theme-toc-width: 250px;
1620
- --scalar-api-reference-app-header-height: 100px;
1621
- --scalar-api-reference-col-width-1: 250px;
1622
- --scalar-api-reference-col-width-2: calc(50% - 150px);
1623
- --scalar-api-reference-col-width-3: calc(50% - 150px);
1624
- --scalar-api-reference-document-height: 100vh;
1625
- --scalar-api-reference-full-height: 100%;
1626
- }
1627
- @media (max-width: 460px) {
1628
- :root {
1629
- --theme-font-size-1: 22px;
1630
- --theme-font-size-2: 14px;
1631
- --theme-font-size-3: 12px;
1632
- }
1633
- }
1634
- @media (max-width: 720px) {
1635
- :root {
1636
- --theme-heading-1: 24px;
1637
- --theme-page-description: 20px;
1638
- }
1639
- }
1640
- .light-mode {
1641
- color-scheme: light;
1642
- --theme-color-1: #2a2f45;
1643
- --theme-color-2: #757575;
1644
- --theme-color-3: #8e8e8e;
1645
- --theme-color-disabled: #b4b1b1;
1646
- --theme-color-ghost: #a7a7a7;
1647
- --theme-color-accent: #0099ff;
1648
- --theme-background-1: #fff;
1649
- --theme-background-2: #f6f6f6;
1650
- --theme-background-3: #e7e7e7;
1651
- --theme-background-4: rgba(0, 0, 0, 0.06);
1652
- --theme-background-accent: #8ab4f81f;
1653
-
1654
- --theme-border-color: rgba(0, 0, 0, 0.1);
1655
- --theme-scrollbar-color: rgba(0, 0, 0, 0.18);
1656
- --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);
1657
- --theme-lifted-brightness: 1;
1658
- --theme-backdrop-brightness: 1;
1659
-
1660
- --theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
1661
- --theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,
1662
- rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;
1663
-
1664
- --theme-button-1: rgb(49 53 56);
1665
- --theme-button-1-color: #fff;
1666
- --theme-button-1-hover: rgb(28 31 33);
1667
-
1668
- --theme-error-color: #ae262f;
1669
- --theme-warning-color: #d89c6a;
1670
- --theme-success-color: #26ae42;
1671
-
1672
- /* REST API Client Colors */
1673
- --theme-post-color: #00a67d;
1674
- --theme-post-background: #00a67d1a;
1675
- --theme-delete-color: #ef0006;
1676
- --theme-delete-background: #ef00061a;
1677
- --theme-patch-color: #b2b062;
1678
- --theme-patch-background: #ffe6001a;
1679
- --theme-get-color: #0082d0;
1680
- --theme-get-background: #0082d01a;
1681
- --theme-put-color: #f3830e;
1682
- --theme-put-background: #f3830e1a;
1683
-
1684
- /* Misc Scalar Branding */
1685
- --scalar-brand: #faf6e9;
1686
- }
1687
- .dark-mode {
1688
- color-scheme: dark;
1689
- --theme-color-1: rgba(255, 255, 255, 0.9);
1690
- --theme-color-2: rgba(255, 255, 255, 0.62);
1691
- --theme-color-3: rgba(255, 255, 255, 0.44);
1692
- --theme-color-disabled: rgba(255, 255, 255, 0.34);
1693
- --theme-color-ghost: rgba(255, 255, 255, 0.26);
1694
- --theme-color-accent: #8ab4f8;
1695
- --theme-background-1: #1a1a1a;
1696
- --theme-background-2: #252525;
1697
- --theme-background-3: #323232;
1698
- --theme-background-4: rgba(255, 255, 255, 0.06);
1699
- --theme-background-accent: #8ab4f81f;
1700
-
1701
- --theme-border-color: rgba(255, 255, 255, 0.1);
1702
- --theme-scrollbar-color: rgba(255, 255, 255, 0.24);
1703
- --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);
1704
- --theme-lifted-brightness: 1.45;
1705
- --theme-backdrop-brightness: 0.5;
1706
-
1707
- --theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);
1708
- --theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,
1709
- rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);
1710
-
1711
- --theme-button-1: #f6f6f6;
1712
- --theme-button-1-color: #000;
1713
- --theme-button-1-hover: #e7e7e7;
1714
-
1715
- --theme-error-color: #ff0011;
1716
- --theme-success-color: #26ae42;
1717
-
1718
- /* REST API Client Colors */
1719
- --theme-post-color: #7ee787;
1720
- --theme-post-background: #7ee78714;
1721
- --theme-delete-color: #e77e7e;
1722
- --theme-delete-background: #e77e7e24;
1723
- --theme-patch-color: #b2b062;
1724
- --theme-patch-background: #b2b06229;
1725
- --theme-get-color: #79c0ff;
1726
- --theme-get-background: #79c0ff21;
1727
- --theme-put-color: #e9950c;
1728
- --theme-put-background: #e9950c21;
1729
-
1730
- /* Misc Scalar Branding */
1731
- --scalar-brand: #8b7256;
1732
- }
1733
-
1734
- /** CSS Normalize */
1735
- .scalar-api-reference {
1736
-
1737
- }
1738
- .scalar-api-reference ul,
1739
- .scalar-api-reference ol {
1740
- padding: 0;
1741
- }
1742
- .scalar-api-reference p {
1743
- margin: 0;
1744
- }
1745
- /** Utilities, how do we deal with them? */
1746
- .flex {
1747
- display: flex;
1748
- }
1749
- .flex-col {
1750
- display: flex;
1751
- min-height: 0;
1752
- flex-direction: column;
1753
- }
1754
- .gap-1 {
1755
- gap: 12px;
1756
- }
1757
- .sr-only {
1758
- position: absolute;
1759
- width: 1px;
1760
- height: 1px;
1761
- padding: 0;
1762
- margin: -1px;
1763
- overflow: hidden;
1764
- clip: rect(0, 0, 0, 0);
1765
- border: 0;
1766
- }
1767
- /** TODO: Move to components */
1768
- .codemenu-topbar {
1769
- background: var(--theme-background-2);
1770
- border-bottom: 1px solid var(--theme-border-color);
1771
- padding: 0 7px 0 12px;
1772
- border-radius: var(--theme-radius) var(--theme-radius) 0 0;
1773
- }
1774
- .codemenu {
1775
- display: flex;
1776
- position: relative;
1777
- justify-content: space-between;
1778
- align-items: center;
1779
- min-height: 35px;
1780
- }
1781
- .codemenu-tabs {
1782
- display: flex;
1783
- position: relative;
1784
- column-gap: 6px;
1785
- }
1786
- .codemenu-item {
1787
- position: relative;
1788
- display: flex;
1789
- align-items: center;
1790
- }
1791
- .codemenu-item-key {
1792
- font-size: var(--theme-micro);
1793
- color: var(--theme-color-3);
1794
- padding: 6px 4px;
1795
- cursor: pointer;
1796
- user-select: none;
1797
- display: flex;
1798
- align-items: center;
1799
- justify-content: center;
1800
- font-weight: var(--theme-semibold);
1801
- position: relative;
1802
- margin-left: -4px;
1803
- margin-right: -4px;
1804
- border-radius: var(--theme-radius-lg);
1805
- text-transform: uppercase;
1806
- }
1807
- .codemenu-item-key:hover {
1808
- background: var(--scalar-api-reference-theme-background-3);
1809
- }
1810
- .codemenu-item:first-of-type:last-of-type .codemenu-item-key,
1811
- .codemenu-item__active .codemenu-item-key {
1812
- color: var(--theme-color-1);
1813
- }
1814
- .codemenu-item:first-of-type:last-of-type:after,
1815
- .codemenu-item__active:after {
1816
- content: '';
1817
- width: 100%;
1818
- height: 1px;
1819
- position: absolute;
1820
- bottom: -4px;
1821
- background: var(--theme-color-1);
1822
- }
1823
- .codemenu-item__disabled {
1824
- pointer-events: none;
1825
- }
1826
- .endpoint {
1827
- display: flex;
1828
- white-space: nowrap;
1829
- cursor: pointer;
1830
- }
1831
- .endpoint span:first-of-type {
1832
- text-transform: uppercase;
1833
- }
1834
- .codemenu .endpoint {
1835
- overflow: hidden;
1836
- }
1837
- .endpoint .post {
1838
- color: var(--theme-post-color);
1839
- }
1840
- .endpoint .patch {
1841
- color: var(--theme-patch-color);
1842
- }
1843
- .endpoint .get {
1844
- color: var(--theme-get-color);
1845
- }
1846
- .endpoint .delete {
1847
- color: var(--theme-delete-color);
1848
- }
1849
- .endpoint .put {
1850
- color: var(--theme-put-color);
1851
- }
1852
- .endpoint .post,
1853
- .endpoint .get,
1854
- .endpoint .delete,
1855
- .endpoint .put {
1856
- white-space: nowrap;
1857
- }
1858
- .endpoint span {
1859
- color: var(--theme-color-2);
1860
- min-width: 62px;
1861
- display: inline-block;
1862
- text-align: right;
1863
- line-height: 1.55;
1864
- font-family: var(--theme-font-code);
1865
- font-size: var(--theme-mini);
1866
- cursor: pointer;
1867
- }
1868
- .languages .example-item-endpoints {
1869
- background: var(--theme-background-2);
1870
- width: 100%;
1871
- border-top: 1px solid var(--theme-border-color);
1872
- }
1873
- .endpoint-response p {
1874
- margin-top: 6px;
1875
- font-size: var(--theme-small);
1876
- min-height: auto;
1877
- line-height: 17px;
1878
- }
1879
- .codemenu .endpoint span {
1880
- text-align: left;
1881
- min-width: auto;
1882
- }
1883
- .endpoint-response {
1884
- border-top: 1px solid var(--theme-border-color);
1885
- padding: 12px 0;
1886
- font-size: var(--theme-small);
1887
- }
1888
- .tag-description {
1889
- margin-top: 12px;
1890
- }
1891
- .reference .endpoint-title {
1892
- display: flex;
1893
- margin-bottom: 12px;
1894
- margin-top: 24px;
1895
- }
1896
- .copy .title {
1897
- font-size: var(--theme-heading-4);
1898
- font-weight: var(--theme-semibold);
1899
- color: var(--theme-color-1);
1900
- line-height: 1.45;
1901
- }
1902
- .endpoint-response__headers {
1903
- padding-bottom: 0;
1904
- }
1905
- .endpoint-response__headers + .endpoint-response {
1906
- border-top: none;
1907
- }
1908
- /* ----------------------------------------------------- */
1909
- .reference {
1910
- position: relative;
1911
- padding: 0 60px;
1912
- width: 100%;
1913
- }
1914
- .reference:not(:last-of-type) {
1915
- border-bottom: 1px solid var(--theme-border-color);
1916
- }
1917
- .reference .reference-container {
1918
- position: relative;
1919
- display: flex;
1920
- gap: 48px;
1921
-
1922
- max-width: 1120px;
1923
- margin: auto;
1924
- padding: 90px 0;
1925
- }
1926
- .reference-container + .reference-container {
1927
- border-top: 1px solid var(--theme-border-color);
1928
- }
1929
- .reference-container .copy,
1930
- .reference-container .example {
1931
- flex: 1;
1932
- min-width: 0;
1933
- }
1934
- .response .cm-editor {
1935
- max-height: calc(50vh - 90px);
1936
- }
1937
- .example {
1938
- padding-top: 48px;
1939
- top: 12px;
1940
- height: fit-content;
1941
- position: sticky;
1942
- }
1943
- .copy .tag-description a {
1944
- color: var(--theme-color-1);
1945
- text-decoration: underline;
1946
- }
1947
- /* ----------------------------------------------------- */
1948
- /* Responsive styles for narrow reference container (900px) */
1949
- .references-narrow .reference {
1950
- padding: 0 30px;
1951
- }
1952
- @media screen and (max-width: 1000px) {
1953
- .references-narrow .reference {
1954
- padding: 0 24px;
1955
- }
1956
- }
1957
- .references-narrow .reference-container {
1958
- flex-direction: column;
1959
- gap: 24px;
1960
- padding: 48px 0;
1961
- }
1962
- .references-narrow .example {
1963
- padding-top: 0;
1964
- }
1965
- .editor-heading h1 {
1966
- font-size: var(--font-size, var(--theme-heading-2));
1967
- font-weight: var(--font-weight, var(--theme-bold));
1968
- /* prettier-ignore */
1969
- color: var(--theme-color-1);
1970
- line-height: 1.45;
1971
- }
1972
- /** Layout */
1973
- /* ----------------------------------------------------- */
1974
- /* Document Layouts */
1975
- .document {
1976
- flex: 1;
1977
- overflow-y: auto;
1978
- overflow-x: hidden;
1979
-
1980
- /* Fallback to 100vh if the element height is not specified */
1981
- --full-height: var(--scalar-api-reference-full-height, 100vh);
1982
- /* --theme-header-height: 50px; */
1983
- /* --scalar-api-reference-theme-sidebar-width: 200px; */
1984
- /* --theme-toc-width: 200px; */
1985
-
1986
- --document-height: calc(
1987
- var(--scalar-api-reference-full-height) -
1988
- var(--scalar-api-reference-theme-header-height)
1989
- );
1990
-
1991
- --col-width-1: var(--scalar-api-reference-theme-sidebar-width);
1992
- --col-width-2: auto;
1993
- --col-width-3: var(--scalar-api-reference-theme-toc-width);
1994
-
1995
- display: grid;
1996
-
1997
- grid-template-rows:
1998
- var(--scalar-api-reference-theme-header-height)
1999
- auto
2000
- auto;
2001
-
2002
- grid-template-columns:
2003
- var(--scalar-api-reference-col-width-1)
2004
- var(--scalar-api-reference-col-width-2)
2005
- var(--scalar-api-reference-col-width-3);
2006
-
2007
- grid-template-areas:
2008
- 'header header header'
2009
- 'sidebar content aside'
2010
- 'sidebar footer footer';
2011
- }
2012
- .document.hide-aside-left {
2013
- --col-width-1: 0;
2014
- }
2015
- .document.hide-aside-right {
2016
- --col-width-3: 0;
2017
- }
2018
- .document.hide-aside-left .layout-aside-left .layout-aside-content,
2019
- .document.hide-aside-right .layout-aside-right .layout-aside-content {
2020
- border-right-color: transparent;
2021
- border-left-color: transparent;
2022
- display: none;
2023
- }
2024
- .document.footer-below-sidebar {
2025
- grid-template-areas:
2026
- 'header header header'
2027
- 'sidebar content aside'
2028
- 'footer footer footer';
2029
- }
2030
- .layout-header {
2031
- grid-area: header;
2032
- position: sticky;
2033
- top: 0;
2034
- z-index: 10;
2035
- }
2036
- .layout-content {
2037
- grid-area: content;
2038
- min-width: 0;
2039
- background: var(--theme-background-1);
2040
- display: flex;
2041
- }
2042
- /* Measures the visible viewport of the editor */
2043
- .layout-content-viewport {
2044
- position: fixed;
2045
- left: var(--scalar-api-reference-theme-sidebar-width);
2046
- right: var(--scalar-api-reference-theme-toc-width);
2047
- top: calc(
2048
- var(--scalar-api-reference-app-header-height) +
2049
- var(--scalar-api-reference-theme-header-height)
2050
- );
2051
- bottom: 0;
2052
- pointer-events: none;
2053
- }
2054
- .layout-aside-left {
2055
- position: relative;
2056
- grid-area: sidebar;
2057
- border-right: 1px solid var(--theme-border-color);
2058
- }
2059
- .layout-aside-right {
2060
- position: relative;
2061
- grid-area: aside;
2062
- background: var(--theme-background-1);
2063
- }
2064
- .layout-aside-content {
2065
- position: sticky;
2066
- top: var(--scalar-api-reference-theme-header-height);
2067
- height: var(--scalar-api-reference-document-height);
2068
- overflow-y: auto;
2069
- display: flex;
2070
- flex-direction: column;
2071
- }
2072
- .layout-footer {
2073
- grid-area: footer;
2074
- }
2075
- /* ----------------------------------------------------- */
2076
- /* Document layout modified for references */
2077
- .document.layout-swagger-editor {
2078
- /* Fallback to 100vh if the element height is not specified */
2079
- --full-height: var(--scalar-api-reference-full-height, 100vh);
2080
- /* --theme-header-height: 50px; */
2081
- /* --scalar-api-reference-theme-sidebar-width: 200px; */
2082
- /* --theme-toc-width: 200px; */
2083
-
2084
- --document-height: calc(
2085
- var(--scalar-api-reference-full-height) -
2086
- var(--scalar-api-reference-theme-header-height)
2087
- );
2088
-
2089
- --col-width-1: var(--scalar-api-reference-theme-sidebar-width);
2090
- --col-width-2: calc(
2091
- 50% - (var(--scalar-api-reference-theme-sidebar-width) / 2)
2092
- );
2093
- --col-width-3: calc(
2094
- 50% - (var(--scalar-api-reference-theme-sidebar-width) / 2)
2095
- );
2096
-
2097
- display: grid;
2098
-
2099
- grid-template-rows:
2100
- var(--scalar-api-reference-theme-header-height)
2101
- auto;
2102
-
2103
- grid-template-columns:
2104
- var(--scalar-api-reference-col-width-1)
2105
- var(--scalar-api-reference-col-width-2)
2106
- var(--scalar-api-reference-col-width-3);
2107
-
2108
- grid-template-areas:
2109
- 'header header header'
2110
- 'sidebar content aside'
2111
- 'sidebar content footer';
2112
- }
2113
- .document.layout-swagger-editor .layout-content {
2114
- position: sticky;
2115
- top: var(--scalar-api-reference-theme-header-height);
2116
- height: var(--scalar-api-reference-document-height);
2117
- }
2118
- .document.preview {
2119
- --col-width-2: calc(100% - (var(--scalar-api-reference-theme-sidebar-width)));
2120
- --col-width-3: calc(100% - (var(--scalar-api-reference-theme-sidebar-width)));
2121
-
2122
- grid-template-areas:
2123
- 'header header'
2124
- 'sidebar aside'
2125
- 'sidebar footer';
2126
- }
2127
- .document.layout-swagger-editor.footer-below-sidebar.preview {
2128
- grid-template-areas:
2129
- 'header header'
2130
- 'sidebar aside'
2131
- 'footer footer';
2132
- }
2133
- .document.layout-swagger-editor.hide-aside-left {
2134
- --col-width-1: 0;
2135
- --col-width-2: 50%;
2136
- --col-width-3: 50%;
2137
- }
2138
- /* ----------------------------------------------------- */
2139
- /* Responsive styles */
2140
- @media (max-width: 1150px) {
2141
- .document.layout-swagger-editor {
2142
- --col-width-3: 0;
2143
- --col-width-2: auto;
2144
- }
2145
- }
2146
- @media (max-width: 1000px) {
2147
- .document,
2148
- .document.layout-swagger-editor {
2149
- /** Content area heights are restricted using just the template row defs */
2150
- grid-template-rows:
2151
- var(--scalar-api-reference-theme-header-height)
2152
- auto
2153
- auto
2154
- auto;
2155
-
2156
- grid-template-columns: 100%;
2157
-
2158
- grid-template-areas:
2159
- 'sidebar'
2160
- 'content'
2161
- 'aside'
2162
- 'footer';
2163
- }
2164
- .layout-aside-left,
2165
- .layout-aside-right,
2166
- .layout-aside-content {
2167
- position: static;
2168
- max-height: unset;
2169
- }
2170
- .layout-aside-left {
2171
- position: sticky;
2172
- top: 0;
2173
- height: var(--scalar-api-reference-theme-header-height);
2174
- border-bottom: 1px solid var(--theme-border-color);
2175
-
2176
- width: 100%;
2177
- z-index: 10;
2178
- border-right: none;
2179
- }
2180
- .layout-aside-left .layout-aside-content {
2181
- position: absolute;
2182
-
2183
- /* Offset by 1px to avoid gap */
2184
- top: calc(100% - 1px);
2185
- left: 0;
2186
- width: 100%;
2187
-
2188
- /* Offset by 2px to fill screen and compensate for gap */
2189
- height: calc(var(--scalar-api-reference-document-height) + 2px);
2190
-
2191
- border-top: 1px solid var(--theme-border-color);
2192
- display: flex;
2193
- flex-direction: column;
2194
- }
2195
- }
2196
-
2197
- /** CSS Normalize */
2198
- .scalar-api-reference {
2199
-
2200
- }
2201
- .scalar-api-reference ul,
2202
- .scalar-api-reference ol {
2203
- padding: 0;
2204
- }
2205
- .scalar-api-reference p {
2206
- margin: 0;
2207
- }
2208
- /** Utilities, how do we deal with them? */
2209
- .flex {
2210
- display: flex;
2211
- }
2212
- .flex-col {
2213
- display: flex;
2214
- min-height: 0;
2215
- flex-direction: column;
2216
- }
2217
- .gap-1 {
2218
- gap: 12px;
2219
- }
2220
- .sr-only {
2221
- position: absolute;
2222
- width: 1px;
2223
- height: 1px;
2224
- padding: 0;
2225
- margin: -1px;
2226
- overflow: hidden;
2227
- clip: rect(0, 0, 0, 0);
2228
- border: 0;
2229
- }
2230
- /** TODO: Move to components */
2231
- .codemenu-topbar {
2232
- background: var(--theme-background-2);
2233
- border-bottom: 1px solid var(--theme-border-color);
2234
- padding: 0 7px 0 12px;
2235
- border-radius: var(--theme-radius) var(--theme-radius) 0 0;
2236
- }
2237
- .codemenu {
2238
- display: flex;
2239
- position: relative;
2240
- justify-content: space-between;
2241
- align-items: center;
2242
- min-height: 35px;
2243
- }
2244
- .codemenu-tabs {
2245
- display: flex;
2246
- position: relative;
2247
- column-gap: 6px;
2248
- }
2249
- .codemenu-item {
2250
- position: relative;
2251
- display: flex;
2252
- align-items: center;
2253
- }
2254
- .codemenu-item-key {
2255
- font-size: var(--theme-micro);
2256
- color: var(--theme-color-3);
2257
- padding: 6px 4px;
2258
- cursor: pointer;
2259
- user-select: none;
2260
- display: flex;
2261
- align-items: center;
2262
- justify-content: center;
2263
- font-weight: var(--theme-semibold);
2264
- position: relative;
2265
- margin-left: -4px;
2266
- margin-right: -4px;
2267
- border-radius: var(--theme-radius-lg);
2268
- text-transform: uppercase;
2269
- }
2270
- .codemenu-item-key:hover {
2271
- background: var(--scalar-api-reference-theme-background-3);
2272
- }
2273
- .codemenu-item:first-of-type:last-of-type .codemenu-item-key,
2274
- .codemenu-item__active .codemenu-item-key {
2275
- color: var(--theme-color-1);
2276
- }
2277
- .codemenu-item:first-of-type:last-of-type:after,
2278
- .codemenu-item__active:after {
2279
- content: '';
2280
- width: 100%;
2281
- height: 1px;
2282
- position: absolute;
2283
- bottom: -4px;
2284
- background: var(--theme-color-1);
2285
- }
2286
- .codemenu-item__disabled {
2287
- pointer-events: none;
2288
- }
2289
- .endpoint {
2290
- display: flex;
2291
- white-space: nowrap;
2292
- cursor: pointer;
2293
- }
2294
- .endpoint span:first-of-type {
2295
- text-transform: uppercase;
2296
- }
2297
- .codemenu .endpoint {
2298
- overflow: hidden;
2299
- }
2300
- .endpoint .post {
2301
- color: var(--theme-post-color);
2302
- }
2303
- .endpoint .patch {
2304
- color: var(--theme-patch-color);
2305
- }
2306
- .endpoint .get {
2307
- color: var(--theme-get-color);
2308
- }
2309
- .endpoint .delete {
2310
- color: var(--theme-delete-color);
2311
- }
2312
- .endpoint .put {
2313
- color: var(--theme-put-color);
2314
- }
2315
- .endpoint .post,
2316
- .endpoint .get,
2317
- .endpoint .delete,
2318
- .endpoint .put {
2319
- white-space: nowrap;
2320
- }
2321
- .endpoint span {
2322
- color: var(--theme-color-2);
2323
- min-width: 62px;
2324
- display: inline-block;
2325
- text-align: right;
2326
- line-height: 1.55;
2327
- font-family: var(--theme-font-code);
2328
- font-size: var(--theme-mini);
2329
- cursor: pointer;
2330
- }
2331
- .languages .example-item-endpoints {
2332
- background: var(--theme-background-2);
2333
- width: 100%;
2334
- border-top: 1px solid var(--theme-border-color);
2335
- }
2336
- .endpoint-response p {
2337
- margin-top: 6px;
2338
- font-size: var(--theme-small);
2339
- min-height: auto;
2340
- line-height: 17px;
2341
- }
2342
- .codemenu .endpoint span {
2343
- text-align: left;
2344
- min-width: auto;
2345
- }
2346
- .endpoint-response {
2347
- border-top: 1px solid var(--theme-border-color);
2348
- padding: 12px 0;
2349
- font-size: var(--theme-small);
2350
- }
2351
- .tag-description {
2352
- margin-top: 12px;
2353
- }
2354
- .reference .endpoint-title {
2355
- display: flex;
2356
- margin-bottom: 12px;
2357
- margin-top: 24px;
2358
- }
2359
- .copy .title {
2360
- font-size: var(--theme-heading-4);
2361
- font-weight: var(--theme-semibold);
2362
- color: var(--theme-color-1);
2363
- line-height: 1.45;
2364
- }
2365
- .endpoint-response__headers {
2366
- padding-bottom: 0;
2367
- }
2368
- .endpoint-response__headers + .endpoint-response {
2369
- border-top: none;
2370
- }
2371
- /* ----------------------------------------------------- */
2372
- .reference {
2373
- position: relative;
2374
- padding: 0 60px;
2375
- width: 100%;
2376
- }
2377
- .reference:not(:last-of-type) {
2378
- border-bottom: 1px solid var(--theme-border-color);
2379
- }
2380
- .reference .reference-container {
2381
- position: relative;
2382
- display: flex;
2383
- gap: 48px;
2384
-
2385
- max-width: 1120px;
2386
- margin: auto;
2387
- padding: 90px 0;
2388
- }
2389
- .reference-container + .reference-container {
2390
- border-top: 1px solid var(--theme-border-color);
2391
- }
2392
- .reference-container .copy,
2393
- .reference-container .example {
2394
- flex: 1;
2395
- min-width: 0;
2396
- }
2397
- .response .cm-editor {
2398
- max-height: calc(50vh - 90px);
2399
- }
2400
- .example {
2401
- padding-top: 48px;
2402
- top: 12px;
2403
- height: fit-content;
2404
- position: sticky;
2405
- }
2406
- .copy .tag-description a {
2407
- color: var(--theme-color-1);
2408
- text-decoration: underline;
2409
- }
2410
- /* ----------------------------------------------------- */
2411
- /* Responsive styles for narrow reference container (900px) */
2412
- .references-narrow .reference {
2413
- padding: 0 30px;
2414
- }
2415
- @media screen and (max-width: 1000px) {
2416
- .references-narrow .reference {
2417
- padding: 0 24px;
2418
- }
2419
- }
2420
- .references-narrow .reference-container {
2421
- flex-direction: column;
2422
- gap: 24px;
2423
- padding: 48px 0;
2424
- }
2425
- .references-narrow .example {
2426
- padding-top: 0;
2427
- }
2428
- .editor-heading h1 {
2429
- font-size: var(--font-size, var(--theme-heading-2));
2430
- font-weight: var(--font-weight, var(--theme-bold));
2431
- /* prettier-ignore */
2432
- color: var(--theme-color-1);
2433
- line-height: 1.45;
2434
- }
2435
- /** Layout */
2436
- /* ----------------------------------------------------- */
2437
- /* Document Layouts */
2438
- .document {
2439
- flex: 1;
2440
- overflow-y: auto;
2441
- overflow-x: hidden;
2442
-
2443
- /* Fallback to 100vh if the element height is not specified */
2444
- --full-height: var(--scalar-api-reference-full-height, 100vh);
2445
- /* --theme-header-height: 50px; */
2446
- /* --scalar-api-reference-theme-sidebar-width: 200px; */
2447
- /* --theme-toc-width: 200px; */
2448
-
2449
- --document-height: calc(
2450
- var(--scalar-api-reference-full-height) -
2451
- var(--scalar-api-reference-theme-header-height)
2452
- );
2453
-
2454
- --col-width-1: var(--scalar-api-reference-theme-sidebar-width);
2455
- --col-width-2: auto;
2456
- --col-width-3: var(--scalar-api-reference-theme-toc-width);
2457
-
2458
- display: grid;
2459
-
2460
- grid-template-rows:
2461
- var(--scalar-api-reference-theme-header-height)
2462
- auto
2463
- auto;
2464
-
2465
- grid-template-columns:
2466
- var(--col-width-1)
2467
- var(--col-width-2)
2468
- var(--col-width-3);
2469
-
2470
- grid-template-areas:
2471
- 'header header header'
2472
- 'sidebar content aside'
2473
- 'sidebar footer footer';
2474
- }
2475
- .document.hide-aside-left {
2476
- --col-width-1: 0;
2477
- }
2478
- .document.hide-aside-right {
2479
- --col-width-3: 0;
2480
- }
2481
- .document.hide-aside-left .layout-aside-left .layout-aside-content,
2482
- .document.hide-aside-right .layout-aside-right .layout-aside-content {
2483
- border-right-color: transparent;
2484
- border-left-color: transparent;
2485
- display: none;
2486
- }
2487
- .document.footer-below-sidebar {
2488
- grid-template-areas:
2489
- 'header header header'
2490
- 'sidebar content aside'
2491
- 'footer footer footer';
2492
- }
2493
- .layout-header {
2494
- grid-area: header;
2495
- position: sticky;
2496
- top: 0;
2497
- z-index: 10;
2498
- }
2499
- .layout-content {
2500
- grid-area: content;
2501
- min-width: 0;
2502
- background: var(--theme-background-1);
2503
- }
2504
- /* Measures the visible viewport of the editor */
2505
- .layout-content-viewport {
2506
- position: fixed;
2507
- left: var(--scalar-api-reference-theme-sidebar-width);
2508
- right: var(--scalar-api-reference-theme-toc-width);
2509
- top: calc(
2510
- var(--scalar-api-reference-app-header-height) +
2511
- var(--scalar-api-reference-theme-header-height)
2512
- );
2513
- bottom: 0;
2514
- pointer-events: none;
2515
- }
2516
- .layout-aside-left {
2517
- position: relative;
2518
- grid-area: sidebar;
2519
- border-right: 1px solid var(--theme-border-color);
2520
- }
2521
- .layout-aside-right {
2522
- position: relative;
2523
- grid-area: aside;
2524
- background: var(--theme-background-1);
2525
- }
2526
- .layout-aside-content {
2527
- position: sticky;
2528
- top: var(--scalar-api-reference-theme-header-height);
2529
- height: var(--scalar-api-reference-document-height);
2530
- overflow-y: auto;
2531
- display: flex;
2532
- flex-direction: column;
2533
- }
2534
- .layout-footer {
2535
- grid-area: footer;
2536
- }
2537
- /* ----------------------------------------------------- */
2538
- /* Document layout modified for references */
2539
- .document.layout-swagger-editor {
2540
- /* Fallback to 100vh if the element height is not specified */
2541
- --full-height: var(--scalar-api-reference-full-height, 100vh);
2542
- /* --theme-header-height: 50px; */
2543
- /* --scalar-api-reference-theme-sidebar-width: 200px; */
2544
- /* --theme-toc-width: 200px; */
2545
-
2546
- --document-height: calc(
2547
- var(--scalar-api-reference-full-height) -
2548
- var(--scalar-api-reference-theme-header-height)
2549
- );
2550
-
2551
- --col-width-1: var(--scalar-api-reference-theme-sidebar-width);
2552
- --col-width-2: calc(
2553
- 50% - (var(--scalar-api-reference-theme-sidebar-width) / 2)
2554
- );
2555
- --col-width-3: calc(
2556
- 50% - (var(--scalar-api-reference-theme-sidebar-width) / 2)
2557
- );
2558
-
2559
- display: grid;
2560
-
2561
- grid-template-rows:
2562
- var(--scalar-api-reference-theme-header-height)
2563
- auto;
2564
-
2565
- grid-template-columns:
2566
- var(--col-width-1)
2567
- var(--col-width-2)
2568
- var(--col-width-3);
2569
-
2570
- grid-template-areas:
2571
- 'header header header'
2572
- 'sidebar content aside'
2573
- 'sidebar content footer';
2574
- }
2575
- .document.layout-swagger-editor .layout-content {
2576
- position: sticky;
2577
- top: var(--scalar-api-reference-theme-header-height);
2578
- height: var(--scalar-api-reference-document-height);
2579
- }
2580
- .document.preview {
2581
- --col-width-2: calc(100% - (var(--scalar-api-reference-theme-sidebar-width)));
2582
- --col-width-3: calc(100% - (var(--scalar-api-reference-theme-sidebar-width)));
2583
- max-height: 100vh;
2584
- grid-template-areas:
2585
- 'header header'
2586
- 'sidebar aside'
2587
- 'sidebar footer';
2588
- }
2589
- .document.layout-swagger-editor.footer-below-sidebar.preview {
2590
- grid-template-areas:
2591
- 'header header'
2592
- 'sidebar aside'
2593
- 'footer footer';
2594
- }
2595
- .document.layout-swagger-editor.hide-aside-left {
2596
- --col-width-1: 0;
2597
- --col-width-2: 50%;
2598
- --col-width-3: 50%;
2599
- }
2600
- /* ----------------------------------------------------- */
2601
- /* Responsive styles */
2602
- @media (max-width: 1150px) {
2603
- .document.layout-swagger-editor {
2604
- --col-width-3: 0;
2605
- --col-width-2: auto;
2606
- }
2607
- }
2608
- @media (max-width: 1000px) {
2609
- .document,
2610
- .document.layout-swagger-editor {
2611
- /** Content area heights are restricted using just the template row defs */
2612
- grid-template-rows:
2613
- var(--scalar-api-reference-theme-header-height)
2614
- auto
2615
- auto
2616
- auto;
2617
-
2618
- grid-template-columns: 100%;
2619
-
2620
- grid-template-areas:
2621
- 'sidebar'
2622
- 'content'
2623
- 'aside'
2624
- 'footer';
2625
- }
2626
- .layout-aside-left,
2627
- .layout-aside-right,
2628
- .layout-aside-content {
2629
- position: static;
2630
- max-height: unset;
2631
- }
2632
- .layout-aside-left {
2633
- position: sticky;
2634
- top: 0;
2635
- height: var(--scalar-api-reference-theme-header-height);
2636
- border-bottom: 1px solid var(--theme-border-color);
2637
-
2638
- width: 100%;
2639
- z-index: 10;
2640
- border-right: none;
2641
- }
2642
- .layout-aside-left .layout-aside-content {
2643
- position: absolute;
2644
-
2645
- /* Offset by 1px to avoid gap */
2646
- top: calc(100% - 1px);
2647
- left: 0;
2648
- width: 100%;
2649
-
2650
- /* Offset by 2px to fill screen and compensate for gap */
2651
- height: calc(var(--scalar-api-reference-document-height) + 2px);
2652
-
2653
- border-top: 1px solid var(--theme-border-color);
2654
- display: flex;
2655
- flex-direction: column;
2656
- }
2657
- }
2658
- :root {
2659
- /* ?? layout stuff */
2660
- --scalar-api-reference-theme-header-height: 0;
2661
- --scalar-api-reference-theme-sidebar-width: 300px;
2662
- --scalar-api-reference-theme-toc-width: 300px;
2663
- --scalar-api-reference-app-header-height: 100px;
2664
- --scalar-api-reference-col-width-1: 300px;
2665
- --scalar-api-reference-col-width-2: calc(50% - 150px);
2666
- --scalar-api-reference-col-width-3: calc(50% - 150px);
2667
- --scalar-api-reference-document-height: 100vh;
2668
- --scalar-api-reference-full-height: 100%;
2669
- }