@scalar/api-reference 0.1.5 → 0.1.6

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 CHANGED
@@ -1,1625 +1,4 @@
1
1
 
2
- /** Basics */
3
- .scalar-api-client__codemirror__wrapper {
4
- width: 100%;
5
- display: flex;
6
- align-items: stretch;
7
- }
8
- .scalar-api-client__codemirror {
9
- flex-grow: 1;
10
- max-width: 100%;
11
- }
12
- .scalar-api-client__codemirror.ͼw {
13
- background-color: var(--scalar-api-client-background-input);
14
- }
15
- .scalar-api-client__codemirror--read-only.ͼw {
16
- background-color: var(--scalar-api-client-background-secondary);
17
- }
18
-
19
- /** URL input */
20
- .scalar-api-client__url-input {
21
- font-weight: var(--scalar-api-client-font-semibold);
22
- }
23
- .scalar-api-client__url-input .cm-scroller {
24
- padding-left: 6px;
25
- }
26
- .scalar-api-client__url-input .ͼ1 .cm-scroller {
27
- align-items: center !important;
28
- }
29
- .scalar-api-client__variable {
30
- color: var(--scalar-api-client-color);
31
- }
32
-
33
- .modal-layout[data-v-1de61d2e] {
34
- position: fixed;
35
- width: 100vw;
36
- height: 100vh;
37
- top: 0;
38
- left: 0;
39
- z-index: 1001;
40
- background: rgba(0, 0, 0, 0.44);
41
- padding: 20px;
42
- opacity: 0;
43
- animation: modal-fade-1de61d2e 0.2s forwards;
44
- }
45
- .modal-body[data-v-1de61d2e] {
46
- padding: 18px;
47
- max-height: calc(100vh - 240px);
48
- background: var(--scalar-api-client-background-primary);
49
- border-radius: var(--scalar-api-client-rounded);
50
- font-family: var(--scalar-api-client-font-sans);
51
- }
52
- .modal[data-v-1de61d2e] {
53
- margin: 80px auto 0;
54
- position: relative;
55
- background: var(--scalar-api-client-theme-background-2);
56
- border-radius: var(--scalar-api-client-rounded);
57
- color: var(--scalar-api-client-theme-color-1);
58
- width: 100%;
59
- text-align: left;
60
- line-height: 1.4;
61
- opacity: 0;
62
- transform: scale(0.98);
63
- animation: modal-pop-1de61d2e 0.15s 0.15s forwards;
64
- display: flex;
65
- flex-direction: column;
66
- }
67
- .modal-content-large[data-v-1de61d2e] {
68
- max-width: 800px;
69
- }
70
- .modal-content-normal[data-v-1de61d2e] {
71
- max-width: 640px;
72
- }
73
- .modal-content-small[data-v-1de61d2e] {
74
- max-width: 480px;
75
- }
76
- @keyframes modal-fade-1de61d2e {
77
- from {
78
- opacity: 0;
79
- }
80
- to {
81
- opacity: 1;
82
- }
83
- }
84
- @keyframes modal-pop-1de61d2e {
85
- 0% {
86
- opacity: 0;
87
- }
88
- 100% {
89
- opacity: 1;
90
- transform: scale(1);
91
- }
92
- }
93
- .modal-header[data-v-1de61d2e] {
94
- padding: 12px 24px;
95
- color: var(--scalar-api-client-theme-color-1);
96
- font-size: var(--scalar-api-client-theme-font-size-4);
97
- text-align: left;
98
- font-weight: 600;
99
- border-radius: var(--scalar-api-client-rounded) var(--scalar-api-client-rounded) 0 0;
100
- }
101
-
102
- .navtable-mock {
103
- background-repeat: repeat;
104
- width: 100%;
105
- background-image: linear-gradient(
106
- 0deg,
107
- var(--scalar-api-client-border-color) 1px,
108
- --scalar-api-client-background-primary 1px
109
- );
110
- background-size: 31px 31px;
111
- background-position: center 1px;
112
- flex: 1;
113
- position: relative;
114
- }
115
- .navtable-mock .navtable-item {
116
- position: absolute;
117
- width: 100%;
118
- height: 100%;
119
- left: 0;
120
- top: 0;
121
- background: transparent;
122
- border-top: none;
123
- }
124
- .radio {
125
- height: 16px;
126
- width: 16px;
127
- background: transparent;
128
- border: var(--border);
129
- flex-shrink: 0;
130
- margin-right: 6px;
131
- margin-left: 4px;
132
- border-radius: 50%;
133
- display: flex;
134
- align-items: center;
135
- justify-content: center;
136
- outline: none;
137
- }
138
- .radio:before {
139
- content: '';
140
- position: absolute;
141
- top: 0;
142
- left: 0;
143
- width: 100%;
144
- height: 100%;
145
- cursor: pointer;
146
- }
147
- .navtable-item__active .radio:after {
148
- content: '';
149
- width: 5px;
150
- height: 8px;
151
- border: solid white;
152
- border-width: 0 1.5px 1.5px 0;
153
- transform: rotate(45deg) translate3d(-0.5px, -1px, 0);
154
- }
155
- .radio.post {
156
- background: var(--scalar-api-client-post-color);
157
- }
158
- .radio.delete {
159
- background: var(--scalar-api-client-delete-color);
160
- }
161
- .radio.patch {
162
- background: var(--scalar-api-client-patch-color);
163
- }
164
- .radio.get {
165
- background: var(--scalar-api-client-get-color);
166
- }
167
- .radio.put {
168
- background: var(--scalar-api-client-put-color);
169
- }
170
-
171
- .scalar-api-client__address-bar {
172
- width: 100%;
173
- padding: 12px 12px 10px 12px;
174
- display: flex;
175
- align-items: center;
176
- position: relative;
177
- background: var(--scalar-api-client-background-primary);
178
- }
179
- .scalar-api-client__url-form {
180
- display: flex;
181
- width: 100%;
182
- align-items: stretch;
183
- border-radius: var(--scalar-api-client-rounded);
184
- }
185
- .scalar-api-client__field {
186
- border: var(--scalar-api-client-border);
187
- border-right: 0;
188
- border-radius: var(--scalar-api-client-rounded) 0 0
189
- var(--scalar-api-client-rounded);
190
- display: flex;
191
- align-items: stretch;
192
- width: 100%;
193
- }
194
- .scalar-api-client__address-bar-data {
195
- width: 100%;
196
- }
197
- .scalar-api-client__address-bar-data-meta {
198
- display: flex;
199
- margin-top: 5px;
200
- }
201
- .scalar-api-client__request-type {
202
- display: flex;
203
- align-items: center;
204
- background: var(--scalar-api-client-background-secondary);
205
- color: var(--scalar-api-client-color-3);
206
- appearance: none;
207
- -webkit-appearance: none;
208
- padding: 0 12px;
209
- border-right: var(--scalar-api-client-border);
210
- border-radius: var(--scalar-api-client-rounded) 0 0
211
- var(--scalar-api-client-rounded);
212
- position: relative;
213
- }
214
- .scalar-api-client__request-type span {
215
- font-family: var(--scalar-api-client-font-mono);
216
- font-size: 500;
217
- font-size: 12px;
218
- text-transform: uppercase;
219
- }
220
- .scalar-api-client__request-type svg {
221
- margin-left: 6px;
222
- width: 8px;
223
- }
224
- .scalar-api-client__request-type i {
225
- width: 10px;
226
- height: 10px;
227
- border-radius: 50%;
228
- margin-right: 6px;
229
- text-align: center;
230
- line-height: 18px;
231
- font-style: normal;
232
- flex-shrink: 0;
233
- display: inline-block;
234
- color: var(--scalar-api-client-color-3);
235
- background: var(--scalar-api-client-color);
236
- }
237
- .meta-request-break {
238
- margin: 0 5px;
239
- }
240
- .scalar-api-client__history {
241
- appearance: none;
242
- -webkit-appearance: none;
243
- background: transparent;
244
- color: var(--scalar-api-client-theme-color-2);
245
- display: flex;
246
- align-items: center;
247
- border-radius: var(--scalar-api-client-rounded);
248
- height: 100%;
249
- }
250
- .scalar-api-client__url-submit {
251
- font-size: var(--scalar-api-client-text-xs);
252
- letter-spacing: 0.25px;
253
- line-height: 30px;
254
- font-weight: var(--scalar-api-client-font-semibold);
255
- color: white;
256
- border: none;
257
- white-space: nowrap;
258
- padding: 0 10px;
259
- text-transform: uppercase;
260
- cursor: pointer;
261
- outline: none;
262
- border-radius: 0 var(--scalar-api-client-rounded)
263
- var(--scalar-api-client-rounded) 0;
264
- background: var(--scalar-api-client-color);
265
- /** #087f5b */
266
- border: 1px solid
267
- color-mix(in srgb, black 15%, var(--scalar-api-client-color));
268
- display: flex;
269
- align-items: center;
270
- }
271
- .scalar-api-client__url-submit svg {
272
- width: 12px;
273
- height: 12px;
274
- margin-right: 6px;
275
- }
276
- .scalar-api-client__url-submit--loading {
277
- font-size: 0;
278
- display: flex;
279
- align-items: center;
280
- justify-content: center;
281
- min-width: 127px;
282
- }
283
- .scalar-api-client__url-submit--loading svg {
284
- display: none;
285
- }
286
- .scalar-api-client__url-submit--loading:before {
287
- content: '';
288
- border: 1px solid rgba(0, 0, 0, 0.1);
289
- border-top: 1px solid white;
290
- animation: urlloader 0.45s linear infinite;
291
- background: transparent;
292
- width: 14px;
293
- height: 14px;
294
- margin-left: 0;
295
- margin-right: 9px;
296
- border-radius: 50%;
297
- }
298
- .scalar-api-client__url-submit--loading:after {
299
- content: 'Loading';
300
- font-size: 12px;
301
- }
302
- @keyframes urlloader {
303
- 0% {
304
- transform: rotate(0deg);
305
- }
306
- to {
307
- transform: rotate(1turn);
308
- }
309
- }
310
- .scalar-api-client__history-toggle {
311
- padding: 0 9px;
312
- line-height: 30px;
313
- color: var(--scalar-api-client-color-3);
314
- font-size: var(--scalar-api-client-text-xs);
315
- letter-spacing: 0.125px;
316
- font-weight: var(--scalar-api-client-font-semibold);
317
- text-transform: uppercase;
318
- height: 100%;
319
- display: flex;
320
- align-items: center;
321
- cursor: pointer;
322
- white-space: nowrap;
323
- border: var(--scalar-api-client-border);
324
- margin-left: 12px;
325
- border-radius: var(--scalar-api-client-rounded);
326
- }
327
- .scalar-api-client__history-toggle:hover {
328
- background: var(--scalar-api-client-background-secondary);
329
- }
330
- .scalar-api-client__history-toggle svg {
331
- height: 13px;
332
- width: 13px;
333
- margin-right: 6px;
334
- color: var(--scalar-api-client-color-3);
335
- }
336
- .scalar-api-client__address-bar-close {
337
- fill: var(--scalar-api-client-color-3);
338
- margin-left: 12px;
339
- height: 24px;
340
- }
341
- .scalar-api-client__address-bar-close:hover {
342
- cursor: pointer;
343
- fill: var(--scalar-api-client-theme-color-1);
344
- }
345
- .scalar-api-client__address-bar-content {
346
- width: 640px;
347
- height: 100%;
348
- background: --scalar-api-client-background-primary;
349
- box-shadow: var(--scalar-api-client-theme-shadow-2);
350
- position: fixed;
351
- top: 0;
352
- right: 0;
353
- z-index: 1000;
354
- transform: translate3d(640px, 0, 0);
355
- opacity: 0;
356
- transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),
357
- opacity 0.01s ease-in-out 0.5s;
358
- pointer-events: none;
359
- }
360
- .scalar-api-client__address-bar-content-item {
361
- height: 100vh;
362
- max-height: 100vh;
363
- overflow: auto;
364
- }
365
- .scalar-api-client__address-bar__on {
366
- z-index: 100000;
367
- }
368
- .scalar-api-client__address-bar__on .scalar-api-client__address-bar__content {
369
- transform: translate3d(0, 0, 0);
370
- opacity: 1;
371
- pointer-events: all;
372
- transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
373
- }
374
- .scalar-api-client__address-bar__on .scalar-api-client__address-bar__close {
375
- opacity: 1;
376
- pointer-events: all;
377
- cursor: pointer;
378
- }
379
- .scalar-api-client__address-bar .navtable-item__active {
380
- background: var(--scalar-api-client-background-secondary);
381
- cursor: default;
382
- }
383
- .scalar-api-client__address-bar .navtable-item__active .radio:before {
384
- display: none;
385
- }
386
- .navigation-back {
387
- stroke: var(--scalar-api-client-theme-color-2);
388
- cursor: pointer;
389
- }
390
- .navigation-back:hover {
391
- stroke: var(--scalar-api-client-theme-color-1);
392
- }
393
- .scalar-api-client__address-bar__close {
394
- width: 100%;
395
- height: 100%;
396
- position: fixed;
397
- top: 0;
398
- left: 0;
399
- /* background: rgba(0,0,0,.55);
400
- */
401
- pointer-events: none;
402
- opacity: 0;
403
- transition: all 0.1s ease-in-out;
404
- z-index: 1000;
405
- }
406
- .navtable-item-request span {
407
- padding: 8px 9px 8px 0;
408
- border: none;
409
- outline: none;
410
- font-size: 12px;
411
- color: var(--scalar-api-client-theme-color-1);
412
- width: 100%;
413
- display: block;
414
- overflow: hidden;
415
- white-space: nowrap;
416
- text-overflow: ellipsis;
417
- }
418
- .navtable-item-request span em {
419
- text-transform: uppercase;
420
- font-style: normal;
421
- font-family: var(--scalar-api-client-font-mono);
422
- font-size: 11px;
423
- margin-right: 6px;
424
- font-weight: var(--scalar-api-client-font-bold);
425
- color: var(--scalar-api-client-color-3);
426
- }
427
- .navtable-item-time {
428
- font-size: 12px;
429
- color: var(--scalar-api-client-theme-color-1);
430
- text-transform: capitalize;
431
- padding: 0 9px;
432
- }
433
- @media screen and (max-width: 720px) {
434
- .scalar-api-client__history-toggle span,
435
- .scalar-api-client__url-submit span {
436
- display: none;
437
- }
438
- .scalar-api-client__history-toggle svg,
439
- .scalar-api-client__url-submit svg {
440
- margin-right: 0;
441
- }
442
- .scalar-api-client__history-toggle,
443
- .scalar-api-client__url-submit {
444
- height: 31.5px;
445
- width: 31.5px;
446
- }
447
- }
448
-
449
- .scalar-api-client__item {
450
- border-radius: var(--scalar-api-client-rounded);
451
- margin-bottom: 6px;
452
- background: var(--scalar-api-client-background-secondary);
453
- box-shadow: var(--shadow1);
454
- position: relative;
455
- }
456
- .scalar-api-client__item button {
457
- background-color: transparent;
458
- }
459
- .scalar-api-client__item:hover {
460
- cursor: pointer;
461
- }
462
- .scalar-api-client__item--open {
463
- background: var(--scalar-api-client-background-secondary);
464
- }
465
- .scalar-api-client__item--open:focus-within {
466
- box-shadow: var(--shadow1);
467
- }
468
- .scalar-api-client__item--open .scalar-api-client__item__content {
469
- display: flex;
470
- }
471
- .scalar-api-client__item--open:hover {
472
- cursor: default;
473
- }
474
- .scalar-api-client__item--open .scalar-api-client__toggle__icon {
475
- transform: rotate(90deg);
476
- }
477
- .scalar-api-client__toggle {
478
- padding: 6px 12px;
479
- min-height: 37px;
480
- display: flex;
481
- align-items: center;
482
- justify-content: space-between;
483
- position: relative;
484
- width: 100%;
485
- }
486
- .scalar-api-client__item .scalar-api-client__item__title {
487
- color: var(--scalar-api-client-theme-color-1);
488
- font-size: var(--scalar-api-client-text-sm);
489
- font-weight: var(--scalar-api-client-font-bold);
490
- user-select: none;
491
- flex: 1;
492
- }
493
- .scalar-api-client__item .scalar-api-client__item__title:after {
494
- content: '';
495
- position: absolute;
496
- top: 0;
497
- left: 0;
498
- width: 100%;
499
- height: 100%;
500
- display: block;
501
- }
502
- .scalar-api-client__item .scalar-api-client__toggle__icon {
503
- width: 10px;
504
- margin-right: 6px;
505
- color: var(--scalar-api-client-theme-color-1);
506
- }
507
- .scalar-api-client__item__options {
508
- position: relative;
509
- }
510
- .scalar-api-client__item__options span {
511
- background: var(--scalar-api-client-background-3);
512
- padding: 2px 6px;
513
- border-radius: 3px;
514
- font-size: 12px;
515
- pointer-events: none;
516
- color: var(--scalar-api-client-theme-color-2);
517
- border: var(--scalar-api-client-border);
518
- display: flex;
519
- align-items: center;
520
- justify-content: center;
521
- }
522
- .scalar-api-client__item__options span svg {
523
- width: 9px;
524
- height: 9px;
525
- margin-left: 3px;
526
- }
527
- .scalar-api-client__item__options select {
528
- position: absolute;
529
- top: 0;
530
- left: 0;
531
- width: 100%;
532
- height: 100%;
533
- opacity: 0;
534
- cursor: pointer;
535
- }
536
-
537
- .table {
538
- border: var(--scalar-api-client-border);
539
- background: transparent;
540
- border-radius: var(--scalar-api-client-rounded);
541
- width: 100%;
542
- }
543
- .table-row {
544
- border-bottom: var(--scalar-api-client-border);
545
- display: flex;
546
- position: relative;
547
- }
548
- .table-row__add {
549
- border-radius: 0 0 var(--scalar-api-client-rounded)
550
- var(--scalar-api-client-rounded);
551
- border-bottom: none;
552
- }
553
- .table-row.required-parameter .table-row-item:nth-of-type(2):after {
554
- content: 'Required';
555
- position: absolute;
556
- top: 4px;
557
- right: 0;
558
- padding: 5px 9px 5px 6px;
559
- font-weight: var(--scalar-api-client-font-semibold);
560
- font-size: 12px;
561
- background: var(--scalar-api-client-background-secondary);
562
- box-shadow: -2px 0 4px var(--scalar-api-client-background-secondary);
563
- }
564
- .table-row.required-parameter
565
- .table-row-item:nth-of-type(2):focus-within:after {
566
- display: none;
567
- }
568
- .table-row:last-of-type {
569
- border-bottom: none;
570
- }
571
- .table-row__active {
572
- border-radius: 0 0 var(--scalar-api-client-rounded)
573
- var(--scalar-api-client-rounded);
574
- }
575
- .table-row-drag {
576
- width: 20px;
577
- flex-shrink: 0;
578
- border-right: var(--scalar-api-client-border);
579
- align-items: center;
580
- justify-content: center;
581
- display: none;
582
- }
583
- .table-row-drag svg {
584
- width: 6px;
585
- fill: var(--scalar-api-client-color-3);
586
- }
587
- .table-row-drag .table-row-drag-add {
588
- width: 8px;
589
- }
590
- .table-row-item {
591
- width: 100%;
592
- border-right: var(--scalar-api-client-border);
593
- position: relative;
594
- }
595
- .table-row-item-menu {
596
- position: absolute;
597
- right: 12px;
598
- background: var(--scalar-api-client-background-3);
599
- border: var(--scalar-api-client-border);
600
- width: 24px;
601
- height: 24px;
602
- top: 50%;
603
- transform: translate3d(0, -50%, 0);
604
- border-radius: var(--scalar-api-client-rounded);
605
- display: flex;
606
- align-items: center;
607
- justify-content: center;
608
- opacity: 0;
609
- cursor: pointer;
610
- }
611
- .table-row-item input:focus + .table-row-item-menu,
612
- .table-row-item:hover .table-row-item-menu {
613
- opacity: 1;
614
- }
615
- .table-row-item-menu svg {
616
- height: 12px;
617
- width: initial;
618
- fill: var(--scalar-api-client-color-3);
619
- }
620
- .table-row-item input {
621
- border: none;
622
- appearance: none;
623
- outline: none;
624
- padding: 9px;
625
- width: 100%;
626
- background: var(--scalar-api-client-background-input);
627
- color: var(--scalar-api-client-theme-color-1);
628
- font-size: 12px;
629
- }
630
- .table-row-item input[disabled] {
631
- background: transparent;
632
- font-family: var(--scalar-api-client-font-mono);
633
- }
634
- .table-row-item input:focus {
635
- background: var(--scalar-api-client-background-secondary);
636
- }
637
- .table-row-item label {
638
- background: transparent;
639
- text-transform: uppercase;
640
- display: block;
641
- padding: 9px;
642
- font-weight: var(--scalar-api-client-font-bold);
643
- color: var(--scalar-api-client-color-3);
644
- font-size: 12px;
645
- }
646
- .table-row-meta {
647
- overflow: hidden;
648
- flex-shrink: 0;
649
- transition: all 0.15s ease-in-out;
650
- display: flex;
651
- align-items: center;
652
- justify-content: center;
653
- width: 32px;
654
- user-select: none;
655
- }
656
- .table-row-meta-check {
657
- width: 18px;
658
- height: 18px;
659
- border-radius: var(--scalar-api-client-rounded);
660
- background: rgba(47, 177, 228, 0.1);
661
- }
662
- .table-row-meta svg {
663
- width: 13px;
664
- height: 13px;
665
- margin: 0 1px;
666
- color: var(--scalar-api-client-color-3);
667
- cursor: pointer;
668
- }
669
- .table-row-meta svg:hover {
670
- color: var(--scalar-api-client-theme-color-2);
671
- }
672
- .meta-check {
673
- display: flex;
674
- position: relative;
675
- cursor: pointer;
676
- align-items: center;
677
- font-size: 12px;
678
- border-radius: var(--scalar-api-client-rounded);
679
- user-select: none;
680
- margin: 0 1px;
681
- transition: all 0.15s ease-in-out;
682
- }
683
- .meta-check input {
684
- position: absolute;
685
- opacity: 0;
686
- cursor: pointer;
687
- height: 0;
688
- width: 0;
689
- }
690
- .meta-checkmark {
691
- height: 15px;
692
- width: 15px;
693
- background: var(--scalar-api-client-background-input);
694
- border-radius: 3px;
695
- display: flex;
696
- align-items: center;
697
- justify-content: center;
698
- position: relative;
699
- }
700
- .meta-check .meta-checkmark:after {
701
- content: '';
702
- display: none;
703
- width: 5px;
704
- height: 8px;
705
- border: solid var(--scalar-api-client-theme-color-1);
706
- border-width: 0 1.5px 1.5px 0;
707
- transform: rotate(45deg) translate3d(0, -1px, 0);
708
- }
709
- .meta-check input:checked ~ .meta-checkmark:after {
710
- display: block;
711
- }
712
-
713
- .navtable {
714
- width: 100%;
715
- }
716
- .navtable-follow {
717
- background-color: black;
718
- color: white;
719
- font-size: 9px;
720
- padding: 6px;
721
- display: -webkit-box;
722
- max-width: 250px;
723
- -webkit-line-clamp: 12;
724
- border-radius: 3px;
725
- -webkit-box-orient: vertical;
726
- overflow: hidden;
727
- line-height: 1.24;
728
- transform: translate3d(10px, 0, 0);
729
- }
730
- .navtable-follow:after {
731
- content: '';
732
- position: absolute;
733
- bottom: 0;
734
- width: 100%;
735
- height: 6px;
736
- background-color: black;
737
- }
738
- .navtable-follow * {
739
- font-family: var(--scalar-api-client-font-mono) !important;
740
- }
741
- .navtable-table {
742
- position: relative;
743
- display: flex;
744
- flex-direction: column;
745
- min-height: 381px;
746
- }
747
- .navtable-item {
748
- display: flex;
749
- position: relative;
750
- color: var(--scalar-api-client-theme-color-1);
751
- border-top: var(--scalar-api-client-border);
752
- font-weight: var(--scalar-api-client-font-semibold);
753
- }
754
- .navtable-item > div {
755
- word-wrap: break-word;
756
- }
757
- .navtable-item > div:not(:first-child) {
758
- border-left: var(--scalar-api-client-border);
759
- }
760
- .navtable-item-action {
761
- color: var(--scalar-api-client-theme-color-2);
762
- font-size: 12px;
763
- font-weight: var(--scalar-api-client-font-bold);
764
- background: var(--scalar-api-client-bg3);
765
- border: none;
766
- border-radius: 30px;
767
- appearance: none;
768
- max-height: 25px;
769
- margin-left: 12px;
770
- margin-right: 6px;
771
- padding: 4px 8px;
772
- outline: none;
773
- cursor: pointer;
774
- opacity: 0;
775
- transition: opacity 0.15s ease-in-out;
776
- white-space: nowrap;
777
- position: relative;
778
- }
779
- .navtable-item-action:hover {
780
- color: var(--scalar-api-client-theme-color-1);
781
- background: var(--scalar-api-client-gradient);
782
- box-shadow: 0 0 0 1px var(--scalar-api-client-border-color);
783
- }
784
- .navtable-item-action:focus {
785
- background: var(--scalar-api-client-background-secondary);
786
- }
787
- .navtable-item:hover,
788
- .navtable-item:focus-within .navtable-item-action {
789
- opacity: 1;
790
- }
791
- .navtable-item-add {
792
- display: flex;
793
- align-items: center;
794
- padding: 9px;
795
- font-weight: var(--scalar-api-client-font-bold);
796
- outline: none;
797
- border: none;
798
- appearance: none;
799
- background: transparent;
800
- color: var(--scalar-api-client-theme-color-1);
801
- }
802
- .navtable-item-add:hover {
803
- background: var(--scalar-api-client-background-secondary);
804
- cursor: pointer;
805
- }
806
- .navtable-item-25 {
807
- width: 25%;
808
- font-size: 12px;
809
- display: flex;
810
- align-items: center;
811
- }
812
- .navtable-item-33 {
813
- width: 33.33333%;
814
- display: flex;
815
- font-size: 12px;
816
- align-items: center;
817
- }
818
- .navtable-item-66 {
819
- width: 66.6666%;
820
- display: flex;
821
- font-size: 12px;
822
- align-items: center;
823
- }
824
- .navtable-item-75 {
825
- width: 75%;
826
- display: flex;
827
- align-items: center;
828
- }
829
- .navtable-item-75:focus-within {
830
- background: var(--scalar-api-client-background-secondary);
831
- }
832
- .navtable-item-40 {
833
- width: 40%;
834
- display: flex;
835
- align-items: center;
836
- }
837
- .navtable-item-20 {
838
- width: 20%;
839
- display: flex;
840
- align-items: center;
841
- }
842
- .navtable-item-50 {
843
- width: 50%;
844
- display: flex;
845
- align-items: center;
846
- }
847
- .navtable-item-50:focus-within {
848
- background: var(--scalar-api-client-background-secondary);
849
- }
850
- .navtable-item p {
851
- padding: 9px;
852
- }
853
- .navtable-item input {
854
- padding: 12px 6px;
855
- border: none;
856
- outline: none;
857
- appearance: none;
858
- font-size: 12px;
859
- color: var(--scalar-api-client-theme-color-1);
860
- background: transparent;
861
- width: 100%;
862
- }
863
- .navtable-item input:focus {
864
- background: var(--scalar-api-client-background-secondary);
865
- }
866
- .navtable-item-select {
867
- position: relative;
868
- }
869
- .navtable-item-select select {
870
- background: transparent;
871
- outline: none;
872
- border: none;
873
- font-size: 12px;
874
- appearance: none;
875
- width: 100%;
876
- padding: 12px 6px;
877
- top: 0;
878
- position: relative;
879
- cursor: pointer;
880
- color: var(--scalar-api-client-theme-color-2);
881
- }
882
- .navtable-item-select svg {
883
- position: absolute;
884
- right: 6px;
885
- color: var(--scalar-api-client-fill);
886
- width: 6px;
887
- top: 12px;
888
- pointer-events: none;
889
- }
890
- .navtable-item .option {
891
- padding: 12px 6px;
892
- font-size: 12px;
893
- color: var(--scalar-api-client-theme-color-1);
894
- width: 100%;
895
- }
896
- .navtable-item label {
897
- color: var(--scalar-api-client-color-3);
898
- font-size: 12px;
899
- font-weight: var(--scalar-api-client-font-bold);
900
- text-transform: uppercase;
901
- padding: 9px;
902
- display: block;
903
- width: 100%;
904
- }
905
- .navtable-item-response {
906
- padding: 0 9px;
907
- }
908
- .navtable-item-response span {
909
- font-size: 12px;
910
- display: flex;
911
- align-items: center;
912
- margin-right: 6px;
913
- min-width: 50px;
914
- }
915
- .scalar-api-client__status--1xx:before,
916
- .scalar-api-client__status--2xx:before,
917
- .scalar-api-client__status--3xx:before,
918
- .scalar-api-client__status--4xx:before,
919
- .scalar-api-client__status--5xx:before,
920
- .scalar-api-client__status--6xx:before {
921
- content: '';
922
- width: 12px;
923
- height: 12px;
924
- border-radius: 50%;
925
- margin-right: 4px;
926
- background: var(--scalar-api-client-background-secondary);
927
- }
928
- .scalar-api-client__status--2xx:before {
929
- background: green;
930
- }
931
- .scalar-api-client__status--3xx:before {
932
- background: orange;
933
- }
934
- .scalar-api-client__status--4xx:before {
935
- background: red;
936
- }
937
- .navtable-item-response span:empty {
938
- display: none;
939
- }
940
- .simpletable.navtable {
941
- padding: 0;
942
- }
943
- .simpletable.navtable .navtable-item-66,
944
- .simpletable.navtable .navtable-item-33 {
945
- display: block;
946
- }
947
- .simpletable.navtable .navtable-table {
948
- height: fit-content;
949
- }
950
-
951
- .scalar-api-client__main__left {
952
- width: 50%;
953
- border-right: var(--scalar-api-client-border);
954
- padding: 0 12px 12px 12px;
955
- }
956
- @media screen and (max-width: 820px) {
957
- .scalar-api-client__main__left {
958
- width: 100%;
959
- border-right: none;
960
- }
961
- }
962
- .scalar-api-client__item__content {
963
- flex-flow: wrap;
964
- padding: 0 12px 12px;
965
- border-radius: 3px;
966
- color: var(--scalar-api-client-color-3);
967
- font-size: 12px;
968
- margin-top: -3px;
969
- justify-content: space-between;
970
- }
971
- .scalar-api-client__item__content .cm-s-default {
972
- border: var(--scalar-api-client-border);
973
- border-radius: var(--scalar-api-client-rounded);
974
- }
975
- .scalar-api-client__item__content .scalar-api-client__item__content--code {
976
- width: 100%;
977
- max-height: calc(100vh - 200px);
978
- overflow: auto;
979
- }
980
- .scalar-api-client__item__content .cm-scroller {
981
- border: var(--scalar-api-client-border);
982
- border-radius: 3px;
983
- }
984
- .scalar-api-client__item__content .cm-editor {
985
- outline: none !important;
986
- }
987
- .scalar-api-client__item__content .cm-editor .cm-gutters {
988
- background: transparent;
989
- }
990
- .scalar-api-client__item__content .cm-scroll {
991
- background: transparent;
992
- }
993
- .scalar-api-client__item__content .cm-editor * {
994
- font-size: 11px;
995
- }
996
- .scalar-api-client__item__content .cm-editor .cm-line {
997
- color: var(--scalar-api-client-theme-color-1);
998
- }
999
- .scalar-api-client__item__content-button {
1000
- width: 100%;
1001
- appearance: none;
1002
- border: none;
1003
- outline: none;
1004
- font-size: 12px;
1005
- background: var(--scalar-api-client-color);
1006
- font-weight: var(--scalar-api-client-font-bold);
1007
- padding: 12px;
1008
- text-transform: uppercase;
1009
- border-radius: var(--scalar-api-client-rounded);
1010
- color: white;
1011
- cursor: pointer;
1012
- }
1013
- .scalar-api-client__item__content__split {
1014
- justify-content: space-between;
1015
- }
1016
- .scalar-collapsible-section-flex {
1017
- width: 100%;
1018
- }
1019
- .scalar-collapsible-section-option {
1020
- font-size: var(--scalar-api-client-text-sm);
1021
- font-weight: var(--scalar-api-client-font-bold);
1022
- color: var(--scalar-api-client-color2);
1023
- background: var(--scalar-api-client-bg3);
1024
- border-radius: 30px;
1025
- display: inline-block;
1026
- padding: 8px 12px;
1027
- cursor: pointer;
1028
- margin: 0 4px 8px;
1029
- user-select: none;
1030
- }
1031
- .scalar-collapsible-section-option:hover {
1032
- box-shadow: 0 0 0 1px var(--scalar-api-client-border-color);
1033
- background: var(--scalar-api-client-gradient);
1034
- color: var(--scalar-api-client-theme-color-1);
1035
- }
1036
- .input {
1037
- background: var(--scalar-api-client-background-secondary);
1038
- border: var(--scalar-api-client-border);
1039
- border-radius: 3px;
1040
- position: relative;
1041
- width: 100%;
1042
- text-align: left;
1043
- margin-bottom: 6px;
1044
- }
1045
- .input__half {
1046
- width: calc(50% - 3px);
1047
- }
1048
- .input:focus-within {
1049
- background: var(--scalar-api-client-background-3);
1050
- }
1051
- .input label,
1052
- .input input {
1053
- padding: 12px;
1054
- border: 0;
1055
- outline: none;
1056
- font-size: 12px;
1057
- color: var(--scalar-api-client-theme-color-1);
1058
- width: 100%;
1059
- background: transparent;
1060
- appearance: none;
1061
- -webkit-appearance: none;
1062
- left: 0;
1063
- }
1064
- .input label {
1065
- position: absolute;
1066
- color: var(--scalar-api-client-theme-color-2);
1067
- }
1068
- .input input {
1069
- opacity: 0;
1070
- position: relative;
1071
- z-index: 99;
1072
- padding: 18px 12px 6px 12px;
1073
- }
1074
- .input input:not(:placeholder-shown),
1075
- .input:focus-within input {
1076
- opacity: 1;
1077
- }
1078
- .input input:not(:placeholder-shown) + label,
1079
- .input:focus-within label {
1080
- font-size: 10px;
1081
- top: -6px;
1082
- color: var(--scalar-api-client-theme-color-1);
1083
- }
1084
- .input input:not(:placeholder-shown) + label {
1085
- color: var(--scalar-api-client-theme-color-2);
1086
- }
1087
- .select {
1088
- background: --scalar-api-client-background-primary;
1089
- border-radius: var(--scalar-api-client-rounded);
1090
- font-size: 12px;
1091
- border: var(--scalar-api-client-border);
1092
- width: 100%;
1093
- position: relative;
1094
- margin-bottom: 6px;
1095
- }
1096
- .select:focus-within {
1097
- background: var(--scalar-api-client-background-3);
1098
- }
1099
- .select:hover {
1100
- background: var(--scalar-api-client-background-3);
1101
- }
1102
- .select svg {
1103
- position: absolute;
1104
- right: 12px;
1105
- pointer-events: none;
1106
- color: var(--scalar-api-client-theme-color-2);
1107
- width: 6px;
1108
- top: 10px;
1109
- }
1110
- .select label {
1111
- display: block;
1112
- font-size: 10px;
1113
- color: var(--scalar-api-client-theme-color-2);
1114
- position: absolute;
1115
- left: 12px;
1116
- top: 6px;
1117
- }
1118
- .select select {
1119
- background: transparent;
1120
- outline: none;
1121
- border: none;
1122
- -webkit-appearance: none;
1123
- font-size: 12px;
1124
- color: var(--scalar-api-client-theme-color-1);
1125
- appearance: none;
1126
- width: 100%;
1127
- padding: 18px 12px 6px 12px;
1128
- top: 0;
1129
- position: relative;
1130
- cursor: pointer;
1131
- }
1132
- .check {
1133
- display: flex;
1134
- position: relative;
1135
- cursor: pointer;
1136
- align-items: center;
1137
- font-size: 12px;
1138
- border: var(--scalar-api-client-border);
1139
- border-radius: 3px;
1140
- padding: 10px 12px;
1141
- user-select: none;
1142
- width: 100%;
1143
- }
1144
- .check p {
1145
- color: var(--scalar-api-client-theme-color-2);
1146
- }
1147
- .check input {
1148
- position: absolute;
1149
- opacity: 0;
1150
- cursor: pointer;
1151
- height: 0;
1152
- width: 0;
1153
- }
1154
- .checkmark {
1155
- height: 15px;
1156
- width: 15px;
1157
- background: var(--scalar-api-client-background-3);
1158
- margin-right: 10px;
1159
- border-radius: 3px;
1160
- display: flex;
1161
- align-items: center;
1162
- justify-content: center;
1163
- position: relative;
1164
- }
1165
- .check input:checked ~ p {
1166
- color: var(--scalar-api-client-theme-color-1);
1167
- }
1168
- .check .checkmark:after {
1169
- content: '';
1170
- display: none;
1171
- width: 5px;
1172
- height: 8px;
1173
- border: solid var(--scalar-api-client-color-3);
1174
- border-width: 0 2px 2px 0;
1175
- transform: rotate(45deg) translate3d(0, -1px, 0);
1176
- }
1177
- .check input:checked ~ .checkmark:after {
1178
- display: block;
1179
- }
1180
- .scalar-api-client__main__scroll-container {
1181
- height: calc(100vh - 320px);
1182
- }
1183
- .scalar-api-client__request-name {
1184
- outline: none;
1185
- border: none;
1186
- appearance: none;
1187
- -webkit-appearance: none;
1188
- color: var(--scalar-api-client-color-3);
1189
- border-radius: var(--scalar-api-client-rounded);
1190
- font-size: var(--scalar-api-client-text-xs);
1191
- font-weight: var(--scalar-api-client-font-bold);
1192
- width: 100%;
1193
- background: transparent;
1194
- }
1195
-
1196
- a[data-v-84d41168] {
1197
- text-decoration: underline;
1198
- text-decoration-color: var(--scalar-api-client-border-color);
1199
- text-underline-offset: 2px;
1200
- cursor: help;
1201
- }
1202
-
1203
- .simple-cell {
1204
- border-right: var(--scalar-api-client-border);
1205
- position: relative;
1206
- padding: 0.75em;
1207
- color: var(--scalar-api-client-theme-color-1);
1208
- white-space: nowrap;
1209
- }
1210
- .simple-cell:last-of-type {
1211
- border-right: none;
1212
- }
1213
- .simple-cell.wrap {
1214
- white-space: normal;
1215
- }
1216
- .simple-cell.strong {
1217
- font-weight: var(--scalar-api-client-font-semibold);
1218
- }
1219
-
1220
- .simple-header {
1221
- color: var(--scalar-api-client-color-3);
1222
- font-weight: var(--scalar-api-client-font-bold);
1223
- text-transform: uppercase;
1224
- }
1225
-
1226
- .simple-row {
1227
- border-top: var(--scalar-api-client-border);
1228
- }
1229
- .simple-row:last-of-type {
1230
- border-bottom: var(--scalar-api-client-border);
1231
- }
1232
-
1233
- .simple-table {
1234
- display: table;
1235
- width: 100%;
1236
- margin: 1em 0;
1237
- }
1238
-
1239
- .scalar-api-client__main__right {
1240
- width: 50%;
1241
- padding: 0 12px 12px 12px;
1242
- }
1243
- @media screen and (max-width: 820px) {
1244
- .scalar-api-client__main__right {
1245
- width: 100%;
1246
- border-right: none;
1247
- }
1248
- }
1249
- .scalar-api-client__main__right :deep(.scalar-copilot__header-button) {
1250
- position: absolute;
1251
- top: 6px;
1252
- right: 12px;
1253
- }
1254
- /***
1255
- The new CSS reset - version 1.8.4 (last updated 14.2.2023)
1256
- GitHub page: https://github.com/elad2412/the-new-css-reset
1257
- ***/
1258
-
1259
- /*
1260
- Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
1261
- - The "symbol *" part is to solve Firefox SVG sprite bug
1262
- - The editor uses some browser defaults so it needs to be excluded from the reset (DOC-466)
1263
- */
1264
- *:where(
1265
- :not(html, iframe, canvas, img, svg, video, audio):not(
1266
- svg *,
1267
- symbol *,
1268
- .editor *,
1269
- .reference *
1270
- )
1271
- ) {
1272
- all: unset;
1273
- display: revert;
1274
- }
1275
-
1276
- /* Optional future support for reverting on >Chrome 90 */
1277
- /* @supports (-webkit-user-modify: revert-layer) {
1278
- * {
1279
- -moz-user-modify: revert-layer;
1280
- -webkit-user-modify: revert-layer;
1281
- overflow-wrap: revert-layer;
1282
- -webkit-line-break: revert-layer;
1283
- -webkit-user-select: revert-layer;
1284
- }
1285
- } */
1286
-
1287
- /* Preferred box-sizing value */
1288
- *,
1289
- *::before,
1290
- *::after {
1291
- box-sizing: border-box;
1292
- }
1293
-
1294
- /* Strip the padding from editor elements */
1295
- .editor *,
1296
- .reference * {
1297
- padding: 0;
1298
- margin: 0;
1299
- }
1300
-
1301
- /* Reapply the pointer cursor for anchor tags */
1302
- a,
1303
- button {
1304
- cursor: revert;
1305
- }
1306
-
1307
- /* Reapply outlines on keyboard focus */
1308
- a[href]:focus-visible,
1309
- button:focus-visible,
1310
- [tabindex]:focus-visible {
1311
- outline: 1px dashed var(--scalar-api-client-theme-color-2);
1312
- outline-offset: 2px;
1313
- }
1314
-
1315
- /* Revert the font-size for selects
1316
- Ideally we would remove this once we style our selects better (DOC-466) */
1317
- select {
1318
- font-size: revert;
1319
- }
1320
-
1321
- /* Revert the line-height for buttons and inputs
1322
- Ideally we would remove this once we style our inputs and buttons better (DOC-466) */
1323
- input,
1324
- button {
1325
- line-height: revert;
1326
- }
1327
-
1328
- /* Remove list styles (bullets/numbers) */
1329
- /* It would be good to include this again (DOC-466) */
1330
- /* ol,
1331
- ul,
1332
- menu {
1333
- list-style: none;
1334
- } */
1335
-
1336
- /* For images to not be able to exceed their container */
1337
- img {
1338
- max-inline-size: 100%;
1339
- max-block-size: 100%;
1340
- }
1341
-
1342
- /* removes spacing between cells in tables */
1343
- table {
1344
- border-collapse: collapse;
1345
- }
1346
-
1347
- /* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
1348
- /* Align our input text to the left */
1349
- input,
1350
- textarea {
1351
- -webkit-user-select: auto;
1352
- text-align: left;
1353
- font-weight: initial;
1354
- }
1355
-
1356
- /* revert the 'white-space' property for textarea elements on Safari */
1357
- textarea {
1358
- white-space: revert;
1359
- }
1360
-
1361
- /* minimum style to allow to style meter element */
1362
- meter {
1363
- -webkit-appearance: revert;
1364
- appearance: revert;
1365
- }
1366
-
1367
- /* preformatted text - use only for this feature */
1368
- /* :where(pre) {
1369
- all: revert;
1370
- } */
1371
-
1372
- /* reset default text opacity of input placeholder */
1373
- ::placeholder {
1374
- color: revert;
1375
- }
1376
-
1377
- /* remove default dot (•) sign */
1378
- ::marker {
1379
- content: initial;
1380
- }
1381
-
1382
- /* fix the feature of 'hidden' attribute.
1383
- display:revert; revert to element instead of attribute */
1384
- :where([hidden]) {
1385
- display: none;
1386
- }
1387
-
1388
- /* revert for bug in Chromium browsers
1389
- - fix for the content editable attribute will work properly.
1390
- - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
1391
- :where([contenteditable]:not([contenteditable="false"])) {
1392
- -moz-user-modify: revert-layer, read-write;
1393
- -webkit-user-modify: revert-layer, read-write;
1394
- overflow-wrap: revert-layer, break-word;
1395
- -webkit-line-break: revert-layer, after-white-space;
1396
- -webkit-user-select: revert-layer, auto;
1397
- }
1398
-
1399
- /* apply back the draggable feature - exist only in Chromium and Safari */
1400
- :where([draggable="true"]) {
1401
- -webkit-user-drag: element;
1402
- }
1403
-
1404
- /* Revert Modal native behavior */
1405
- :where(dialog:modal) {
1406
- all: revert;
1407
- }
1408
- :root {
1409
- /** Font sizes */
1410
- --scalar-api-client-text-xs: 12px;
1411
- --scalar-api-client-text-sm: 14px;
1412
- --scalar-api-client-text-base: 16px;
1413
- --scalar-api-client-text-lg: 18px;
1414
-
1415
- /** Colors */
1416
- --scalar-api-client-background-primary: #fff;
1417
- --scalar-api-client-background-secondary: #f1f3f5;
1418
- --scalar-api-client-background-input: #fff;
1419
- --scalar-api-client-border-color: #dee2e6;
1420
-
1421
- /** Borders */
1422
- --scalar-api-client-border: 1px solid var(--scalar-api-client-border-color);
1423
- --scalar-api-client-rounded: 4px;
1424
-
1425
- /** Fonts */
1426
- --scalar-api-client-font-sans: system-ui, "Segoe UI", Roboto, Helvetica, Arial,
1427
- sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
1428
- --scalar-api-client-font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono",
1429
- "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace",
1430
- "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
1431
-
1432
- /** Font weights */
1433
- --scalar-api-client-font-semibold: 600;
1434
- --scalar-api-client-font-bold: 700;
1435
-
1436
- /** TODO: Go through the following variables and check what they do */
1437
- --scalar-api-client-post-color: white;
1438
- --scalar-api-client-post-background: black;
1439
- --scalar-api-client-delete-color: white;
1440
- --scalar-api-client-delete-background: black;
1441
- --scalar-api-client-patch-color: white;
1442
- --scalar-api-client-patch-background: black;
1443
- --scalar-api-client-get-color: #0ca678;
1444
- --scalar-api-client-get-background: white;
1445
- --scalar-api-client-put-color: white;
1446
- --scalar-api-client-put-background: black;
1447
- --scalar-api-client-color-3: #868e96;
1448
- /* Font color */
1449
- --scalar-api-client-theme-color-1: #343a40;
1450
- /* Select font color */
1451
- --scalar-api-client-theme-color-2: #868e96;
1452
- --scalar-api-client-theme-shadow-2: 0 0 0 1px white;
1453
- --scalar-api-client-fill: black;
1454
- --scalar-api-client-color2: white;
1455
- --scalar-api-client-bg3: black;
1456
- --scalar-api-client-gradient: linear-gradient(180deg, black 0%, black 100%);
1457
- /** Select background */
1458
- --scalar-api-client-background-3: #f8f9fa;
1459
- }
1460
-
1461
- .scalar-api-client {
1462
- background: var(--scalar-api-client-background-primary);
1463
- position: relative;
1464
- height: 100%;
1465
- overflow: hidden !important;
1466
- display: flex;
1467
- flex-direction: column;
1468
- font-family: var(--scalar-api-client-font-sans);
1469
- }
1470
- @media screen and (max-width: 1000px) {
1471
- .scalar-api-client {
1472
- width: 100%;
1473
- }
1474
- }
1475
- .scalar-api-client pre {
1476
- font-family: var(--scalar-api-client-font-mono);
1477
- }
1478
- .scalar-api-client--post {
1479
- --scalar-api-client-color: var(--scalar-api-client-post-color);
1480
- --scalar-api-client-background: var(--scalar-api-client-post-background);
1481
- }
1482
- .scalar-api-client--delete {
1483
- --scalar-api-client-color: var(--scalar-api-client-delete-color);
1484
- --scalar-api-client-background: var(--scalar-api-client-delete-background);
1485
- }
1486
- .scalar-api-client--patch {
1487
- --scalar-api-client-color: var(--scalar-api-client-patch-color);
1488
- --scalar-api-client-background: var(--scalar-api-client-patch-background);
1489
- }
1490
- .scalar-api-client--get {
1491
- --scalar-api-client-color: var(--scalar-api-client-get-color);
1492
- --scalar-api-client-background: var(--scalar-api-client-get-background);
1493
- }
1494
- .scalar-api-client--put {
1495
- --scalar-api-client-color: var(--scalar-api-client-put-color);
1496
- --scalar-api-client-background: var(--scalar-api-client-put-background);
1497
- }
1498
- .scalar-api-client__mobile-navigation {
1499
- padding: 12px 12px 0 12px;
1500
- display: flex;
1501
- font-size: var(--scalar-api-client-text-sm);
1502
- color: var(--scalar-api-client-theme-color-2);
1503
- font-weight: var(--scalar-api-client-font-bold);
1504
- }
1505
- .scalar-api-client__mobile-navigation__toggle {
1506
- appearance: none;
1507
- margin-right: 9px;
1508
- cursor: pointer;
1509
- }
1510
- .scalar-api-client__mobile-navigation--active {
1511
- color: var(--scalar-api-client-theme-color-1);
1512
- }
1513
- .scalar-api-client__mobile-navigation--active:hover {
1514
- cursor: pointer;
1515
- }
1516
- .scalar-api-client__main {
1517
- display: flex;
1518
- height: 100%;
1519
- min-height: 0;
1520
- background: var(--scalar-api-client-background-primary);
1521
- border-top: var(--scalar-api-client-border);
1522
- }
1523
- @media screen and (max-width: 820px) {
1524
- .scalar-api-client__main {
1525
- display: block;
1526
- }
1527
- }
1528
-
1529
- /** TODO: Consider to make a Column component */
1530
- .scalar-api-client__main__content {
1531
- padding: 12px;
1532
- background: var(--scalar-api-client-background-primary);
1533
- top: 0;
1534
- position: sticky;
1535
- z-index: 100;
1536
- }
1537
- .scalar-api-client__main__content label {
1538
- font-size: var(--scalar-api-client-text-sm);
1539
- color: var(--scalar-api-client-theme-color-1);
1540
- font-weight: var(--scalar-api-client-font-bold);
1541
- display: flex;
1542
- align-items: center;
1543
- }
1544
- @media screen and (max-width: 820px) {
1545
- .scalar-api-client__main__content {
1546
- padding: 0 0 12px 0;
1547
- }
1548
- .scalar-api-client__main__content label {
1549
- display: none;
1550
- }
1551
- }
1552
- .meta {
1553
- display: flex;
1554
- font-size: var(--scalar-api-client-text-base);
1555
- font-weight: var(--scalar-api-client-text-base);
1556
- color: var(--scalar-api-client-color2);
1557
- }
1558
- .meta-item svg {
1559
- fill: var(--scalar-api-client-fill);
1560
- height: 14px;
1561
- width: 14px;
1562
- margin-right: 6px;
1563
- }
1564
- .meta-item {
1565
- display: flex;
1566
- align-items: center;
1567
- margin-right: 12px;
1568
- white-space: nowrap;
1569
- font-weight: var(--scalar-api-client-font-bold);
1570
- font-size: 12px;
1571
- color: var(--scalar-api-client-color-3);
1572
- padding: 3px 0;
1573
- }
1574
- .meta-item__input {
1575
- padding: 3px 0;
1576
- background: transparent;
1577
- width: 100%;
1578
- margin-right: 0;
1579
- }
1580
- .types {
1581
- margin: auto;
1582
- width: 580px;
1583
- display: flex;
1584
- align-items: center;
1585
- justify-content: center;
1586
- flex-flow: wrap;
1587
- }
1588
- .types-heading {
1589
- width: 100%;
1590
- text-align: center;
1591
- }
1592
- .types-heading b {
1593
- font-size: 42px;
1594
- }
1595
- .types-heading p {
1596
- margin-bottom: 20px;
1597
- margin-top: 12px;
1598
- font-size: 24px;
1599
- }
1600
- .types-item {
1601
- font-weight: var(--scalar-api-client-font-bold);
1602
- font-size: var(--scalar-api-client-text-lg);
1603
- color: var(--scalar-api-client-color2);
1604
- background: var(--scalar-api-client-bg3);
1605
- padding: 9px 18px;
1606
- margin: 6px;
1607
- border-radius: 30px;
1608
- }
1609
- .types-item:hover {
1610
- box-shadow: 0 0 0 1px var(--scalar-api-client-border-color);
1611
- background: var(--scalar-api-client-gradient);
1612
- color: var(--scalar-api-client-theme-color-1);
1613
- cursor: pointer;
1614
- }
1615
- .scalar-api-client__empty-state {
1616
- border: 1px dashed var(--scalar-api-client-border-color);
1617
- width: 100%;
1618
- text-align: center;
1619
- font-size: var(--scalar-api-client-text-sm);
1620
- padding: 20px;
1621
- }
1622
-
1623
2
  .sidebar-search[data-v-2819d5f9] {
1624
3
  display: flex;
1625
4
  align-items: center;
@@ -2081,10 +460,10 @@ to {
2081
460
  }
2082
461
  }
2083
462
 
2084
- .scalar-api-client__container .scalar-api-client[data-v-8c213bfd] {
463
+ .scalar-api-client__container .scalar-api-client[data-v-88d4f957] {
2085
464
  width: calc(100% - var(--scalar-api-reference-theme-sidebar-width));
2086
465
  }
2087
- .scalar-api-client__container[data-v-8c213bfd] {
466
+ .scalar-api-client__container[data-v-88d4f957] {
2088
467
  position: absolute;
2089
468
  right: 0;
2090
469
  left: 0;
@@ -2105,11 +484,11 @@ to {
2105
484
  flex-direction: column;
2106
485
  }
2107
486
  @media screen and (max-width: 1265px) {
2108
- .scalar-api-client__container[data-v-8c213bfd] {
487
+ .scalar-api-client__container[data-v-88d4f957] {
2109
488
  width: 100vw !important;
2110
489
  }
2111
490
  }
2112
- .scalar-api-client__navigation[data-v-8c213bfd] {
491
+ .scalar-api-client__navigation[data-v-88d4f957] {
2113
492
  width: 100%;
2114
493
  display: flex;
2115
494
  align-items: center;
@@ -2121,7 +500,7 @@ to {
2121
500
  border-bottom: var(--scalar-api-reference-border);
2122
501
  top: 0;
2123
502
  }
2124
- .scalar-api-client__close[data-v-8c213bfd] {
503
+ .scalar-api-client__close[data-v-88d4f957] {
2125
504
  appearance: none;
2126
505
  border: none;
2127
506
  outline: none;
@@ -2132,7 +511,7 @@ to {
2132
511
  color: var(--scalar-api-reference-theme-color-1);
2133
512
  font-weight: var(--scalar-api-reference-theme-semibold);
2134
513
  }
2135
- .scalar-api-client__close[data-v-8c213bfd]:hover {
514
+ .scalar-api-client__close[data-v-88d4f957]:hover {
2136
515
  cursor: pointer;
2137
516
  }
2138
517
  /*
@@ -2155,7 +534,7 @@ TODO: Markup is missing
2155
534
  height: 12px;
2156
535
  transform: rotate(180deg);
2157
536
  } */
2158
- .api-client-drawer[data-v-8c213bfd] {
537
+ .api-client-drawer[data-v-88d4f957] {
2159
538
  background: var(--scalar-api-reference-theme-background-1);
2160
539
  height: calc(100vh - 58px);
2161
540
  width: calc(100vw - 8px);
@@ -2167,9 +546,9 @@ TODO: Markup is missing
2167
546
  left: 4px;
2168
547
  z-index: 9999;
2169
548
  opacity: 0;
2170
- animation: apiclientfadein-8c213bfd 0.35s forwards;
549
+ animation: apiclientfadein-88d4f957 0.35s forwards;
2171
550
  }
2172
- @keyframes apiclientfadein-8c213bfd {
551
+ @keyframes apiclientfadein-88d4f957 {
2173
552
  from {
2174
553
  transform: translate3d(0, 20px, 0) scale(0.985);
2175
554
  opacity: 0;
@@ -2179,7 +558,7 @@ to {
2179
558
  opacity: 1;
2180
559
  }
2181
560
  }
2182
- .api-client-drawer-exit[data-v-8c213bfd] {
561
+ .api-client-drawer-exit[data-v-88d4f957] {
2183
562
  position: fixed;
2184
563
  top: 0;
2185
564
  left: 0;
@@ -2189,9 +568,9 @@ to {
2189
568
  transition: all 0.3s ease-in-out;
2190
569
  z-index: 9998;
2191
570
  cursor: pointer;
2192
- animation: drawerexitfadein-8c213bfd 0.35s forwards;
571
+ animation: drawerexitfadein-88d4f957 0.35s forwards;
2193
572
  }
2194
- @keyframes drawerexitfadein-8c213bfd {
573
+ @keyframes drawerexitfadein-88d4f957 {
2195
574
  from {
2196
575
  opacity: 0;
2197
576
  }
@@ -2199,10 +578,10 @@ to {
2199
578
  opacity: 1;
2200
579
  }
2201
580
  }
2202
- .scalar-api-client-height[data-v-8c213bfd] {
581
+ .scalar-api-client-height[data-v-88d4f957] {
2203
582
  height: 100%;
2204
583
  }
2205
- .scalar-api-client-height .sidebar[data-v-8c213bfd] {
584
+ .scalar-api-client-height .sidebar[data-v-88d4f957] {
2206
585
  flex: 1 1 0%;
2207
586
  flex-grow: 1;
2208
587
  flex-shrink: 1;
@@ -4150,3 +2529,67 @@ to {
4150
2529
  flex-direction: column;
4151
2530
  }
4152
2531
  }
2532
+ :root {
2533
+ /** Fonts */
2534
+ --scalar-api-reference-font-sans: system-ui, "Segoe UI", Roboto, Helvetica,
2535
+ Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
2536
+ --scalar-api-reference-font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono",
2537
+ "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace",
2538
+ "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
2539
+
2540
+ --scalar-api-reference-sidebar-border-color: #000;
2541
+ --scalar-api-reference-theme-background-1: #fff;
2542
+ --scalar-api-reference-theme-background-2: #fafafa;
2543
+ --scalar-api-reference-border-color: #d4d4d4;
2544
+ --scalar-api-reference-border: 1px solid
2545
+ var(--scalar-api-reference-border-color);
2546
+ --scalar-api-reference-theme-button-1-color: #fff;
2547
+ --scalar-api-reference-theme-button-1-hover: #ccc;
2548
+ --scalar-api-reference-theme-button-1: red;
2549
+ --scalar-api-reference-theme-color-1: #000;
2550
+ --scalar-api-reference-theme-color-2: #a3a3a3;
2551
+ --scalar-api-reference-theme-color-3: #666;
2552
+ --scalar-api-reference-theme-color-ghost: #eee;
2553
+ --scalar-api-reference-theme-error-color: red;
2554
+ --scalar-api-reference-theme-font-size-4: 16px;
2555
+ --scalar-api-reference-theme-header-height: 0;
2556
+ --scalar-api-reference-rounded: 4px;
2557
+ --scalar-api-reference-theme-semibold: 600;
2558
+ --scalar-api-reference-theme-shadow-1: 0 0 4px rgba(0, 0, 0, 0.1);
2559
+ --scalar-api-reference-theme-sidebar-width: 300px;
2560
+ --scalar-api-reference-theme-small: 12px;
2561
+ --scalar-api-reference-app-header-height: 100px;
2562
+ --scalar-api-reference-col-width-1: 300px;
2563
+ --scalar-api-reference-col-width-2: calc(50% - 150px);
2564
+ --scalar-api-reference-col-width-3: calc(50% - 150px);
2565
+ --scalar-api-reference-document-height: 100vh;
2566
+ --scalar-api-reference-font-color: #000;
2567
+ --scalar-api-reference-full-height: 100%;
2568
+ --scalar-api-reference-sidebar-background-1: white;
2569
+ --scalar-api-reference-sidebar-color-1: #000;
2570
+ --scalar-api-reference-sidebar-color-2: #ccc;
2571
+ --scalar-api-reference-sidebar-color-active: blue;
2572
+ --scalar-api-reference-sidebar-item-hover-background: var(#ccc);
2573
+ --scalar-api-reference-theme-background-3: #ccc;
2574
+ --scalar-api-reference-theme-bold: 700;
2575
+ --scalar-api-reference-border-width: 1px;
2576
+ --scalar-api-reference-theme-color-accent: blue;
2577
+ --scalar-api-reference-theme-delete-color: red;
2578
+ --scalar-api-reference-theme-get-color: green;
2579
+ --scalar-api-reference-theme-heading-2: 24px;
2580
+ --scalar-api-reference-theme-heading-4: 16px;
2581
+ --scalar-api-reference-theme-micro: 10px;
2582
+ --scalar-api-reference-theme-mini: 12px;
2583
+ --scalar-api-reference-theme-paragraph: 16px;
2584
+ --scalar-api-reference-theme-patch-color: orange;
2585
+ --scalar-api-reference-theme-post-color: blue;
2586
+ --scalar-api-reference-theme-put-color: purple;
2587
+ --scalar-api-reference-rounded-lg: 8px;
2588
+ --scalar-api-reference-theme-regular: 14px;
2589
+ --scalar-api-reference-theme-toc-width: 300px;
2590
+ --scalar-api-reference-theme-post-color: blue;
2591
+ --scalar-api-reference-theme-patch-color: orange;
2592
+ --scalar-api-reference-theme-delete-color: red;
2593
+ --scalar-api-reference-theme-get-color: green;
2594
+ --scalar-api-reference-theme-put-color: purple;
2595
+ }