@scalar/api-client 0.1.21 → 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,1550 +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');
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(--theme-background-1);
14
- }
15
- .scalar-api-client__codemirror--read-only.ͼw {
16
- background-color: var(--theme-background-2);
17
- }
18
-
19
- /** URL input */
20
- .scalar-api-client__url-input {
21
- font-weight: var(--theme-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-3f4ab567] {
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-3f4ab567 0.2s forwards;
44
- }
45
- .modal-body[data-v-3f4ab567] {
46
- padding: 24px 12px 18px 24px;
47
- max-height: calc(100vh - 240px);
48
- background: var(--theme-background-1);
49
- border-radius: var(--theme-radius-lg);
50
- font-family: var(--theme-font);
51
- }
52
- .modal[data-v-3f4ab567] {
53
- margin: 80px auto 0;
54
- position: relative;
55
- background: var(--theme-background-2);
56
- border-radius: var(--theme-radius-lg);
57
- color: var(--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-3f4ab567 0.15s 0.15s forwards;
64
- display: flex;
65
- flex-direction: column;
66
- }
67
- .modal-content-large[data-v-3f4ab567] {
68
- max-width: 800px;
69
- }
70
- .modal-content-normal[data-v-3f4ab567] {
71
- max-width: 640px;
72
- }
73
- .modal-content-small[data-v-3f4ab567] {
74
- max-width: 480px;
75
- }
76
- @keyframes modal-fade-3f4ab567 {
77
- from {
78
- opacity: 0;
79
- }
80
- to {
81
- opacity: 1;
82
- }
83
- }
84
- @keyframes modal-pop-3f4ab567 {
85
- 0% {
86
- opacity: 0;
87
- }
88
- 100% {
89
- opacity: 1;
90
- transform: scale(1);
91
- }
92
- }
93
- .modal-header[data-v-3f4ab567] {
94
- padding: 12px 24px;
95
- color: var(--theme-color-1);
96
- font-size: var(--theme-font-size-4);
97
- text-align: left;
98
- font-weight: 600;
99
- border-radius: var(--theme-radius-lg) var(--theme-radius-lg) 0 0;
100
- }
101
-
102
- .navtable-mock {
103
- background-repeat: repeat;
104
- width: 100%;
105
- background-image: linear-gradient(
106
- 0deg,
107
- var(--theme-border-color) 1px,
108
- --theme-background-1 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(--theme-post-color);
157
- }
158
- .radio.delete {
159
- background: var(--theme-delete-color);
160
- }
161
- .radio.patch {
162
- background: var(--theme-patch-color);
163
- }
164
- .radio.get {
165
- background: var(--theme-get-color);
166
- }
167
- .radio.put {
168
- background: var(--theme-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(--theme-background-1);
178
- }
179
- .scalar-api-client__url-form {
180
- display: flex;
181
- width: 100%;
182
- align-items: stretch;
183
- border-radius: var(--theme-radius-lg);
184
- }
185
- .scalar-api-client__field {
186
- border: 1px solid var(--theme-border-color);
187
- border-right: 0;
188
- border-radius: var(--theme-radius-lg) 0 0 var(--theme-radius-lg);
189
- display: flex;
190
- align-items: stretch;
191
- width: 100%;
192
- }
193
- .scalar-api-client__address-bar-data {
194
- width: 100%;
195
- }
196
- .scalar-api-client__address-bar-data-meta {
197
- display: flex;
198
- margin-top: 5px;
199
- }
200
- .scalar-api-client__request-type {
201
- display: flex;
202
- align-items: center;
203
- background: var(--theme-background-2);
204
- color: var(--theme-color-disabled);
205
- appearance: none;
206
- -webkit-appearance: none;
207
- padding: 0 12px;
208
- border-right: 1px solid var(--theme-border-color);
209
- border-radius: var(--theme-radius-lg) 0 0 var(--theme-radius-lg);
210
- position: relative;
211
- }
212
- .scalar-api-client__request-type span {
213
- font-family: var(--theme-font-code);
214
- font-size: 500;
215
- font-size: 12px;
216
- text-transform: uppercase;
217
- }
218
- .scalar-api-client__request-type svg {
219
- margin-left: 6px;
220
- width: 8px;
221
- }
222
- .scalar-api-client__request-type i {
223
- width: 10px;
224
- height: 10px;
225
- border-radius: 50%;
226
- margin-right: 6px;
227
- text-align: center;
228
- line-height: 18px;
229
- font-style: normal;
230
- flex-shrink: 0;
231
- display: inline-block;
232
- color: var(--theme-color-disabled);
233
- background: var(--scalar-api-client-color);
234
- }
235
- .meta-request-break {
236
- margin: 0 5px;
237
- }
238
- .scalar-api-client__history {
239
- appearance: none;
240
- -webkit-appearance: none;
241
- background: transparent;
242
- color: var(--theme-color-2);
243
- display: flex;
244
- align-items: center;
245
- border-radius: var(--theme-radius-lg);
246
- height: 100%;
247
- }
248
- .scalar-api-client__send-request-button[type='submit'] {
249
- font-size: var(--theme-mini);
250
- letter-spacing: 0.25px;
251
- line-height: 30px;
252
- font-weight: var(--theme-semibold);
253
- color: white;
254
- border: none;
255
- white-space: nowrap;
256
- padding: 0 10px;
257
- text-transform: uppercase;
258
- cursor: pointer;
259
- outline: none;
260
- border-radius: 0 var(--theme-radius-lg) var(--theme-radius-lg) 0;
261
- background: var(--scalar-api-client-color);
262
- /** #087f5b */
263
- display: flex;
264
- align-items: center;
265
- }
266
- .scalar-api-client__send-request-button svg {
267
- width: 12px;
268
- height: 12px;
269
- margin-right: 6px;
270
- }
271
- .scalar-api-client__send-request-button--loading {
272
- font-size: 0;
273
- display: flex;
274
- align-items: center;
275
- justify-content: center;
276
- min-width: 127px;
277
- }
278
- .scalar-api-client__send-request-button--loading svg {
279
- display: none;
280
- }
281
- .scalar-api-client__send-request-button--loading:before {
282
- content: '';
283
- border: 1px solid rgba(0, 0, 0, 0.1);
284
- border-top: 1px solid white;
285
- animation: urlloader 0.45s linear infinite;
286
- background: transparent;
287
- width: 14px;
288
- height: 14px;
289
- margin-left: 0;
290
- margin-right: 9px;
291
- border-radius: 50%;
292
- }
293
- .scalar-api-client__send-request-button--loading:after {
294
- content: 'Loading';
295
- font-size: 12px;
296
- }
297
- @keyframes urlloader {
298
- 0% {
299
- transform: rotate(0deg);
300
- }
301
- to {
302
- transform: rotate(1turn);
303
- }
304
- }
305
- .scalar-api-client__history-toggle {
306
- padding: 0 9px;
307
- line-height: 30px;
308
- color: var(--theme-color-disabled);
309
- font-size: var(--theme-mini);
310
- letter-spacing: 0.125px;
311
- font-weight: var(--theme-semibold);
312
- text-transform: uppercase;
313
- height: 100%;
314
- display: flex;
315
- align-items: center;
316
- cursor: pointer;
317
- white-space: nowrap;
318
- border: 1px solid var(--theme-border-color);
319
- margin-left: 12px;
320
- border-radius: var(--theme-radius-lg);
321
- }
322
- .scalar-api-client__history-toggle:hover {
323
- background: var(--theme-background-2);
324
- }
325
- .scalar-api-client__history-toggle svg {
326
- height: 13px;
327
- width: 13px;
328
- margin-right: 6px;
329
- color: var(--theme-color-disabled);
330
- }
331
- .scalar-api-client__address-bar-close {
332
- fill: var(--theme-color-disabled);
333
- margin-left: 12px;
334
- height: 24px;
335
- }
336
- .scalar-api-client__address-bar-close:hover {
337
- cursor: pointer;
338
- fill: var(--theme-color-1);
339
- }
340
- .scalar-api-client__address-bar__content {
341
- width: 640px;
342
- height: 100%;
343
- background: var(--theme-background-1);
344
- position: fixed;
345
- top: 0;
346
- right: 0;
347
- z-index: 1000;
348
- transform: translate3d(640px, 0, 0);
349
- opacity: 0;
350
- transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),
351
- opacity 0.01s ease-in-out 0.5s;
352
- pointer-events: none;
353
- }
354
- .scalar-api-client__address-bar-content-item {
355
- height: 100vh;
356
- max-height: 100vh;
357
- overflow: auto;
358
- }
359
- .scalar-api-client__address-bar__on {
360
- z-index: 100000;
361
- }
362
- .scalar-api-client__address-bar__on .scalar-api-client__address-bar__content {
363
- transform: translate3d(0, 0, 0);
364
- opacity: 1;
365
- pointer-events: all;
366
- transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
367
- }
368
- .scalar-api-client__address-bar__on .scalar-api-client__address-bar__close {
369
- opacity: 1;
370
- pointer-events: all;
371
- cursor: pointer;
372
- }
373
- .scalar-api-client__address-bar .navtable-item__active {
374
- background: var(--theme-background-2);
375
- cursor: default;
376
- }
377
- .scalar-api-client__address-bar .navtable-item__active .radio:before {
378
- display: none;
379
- }
380
- .navigation-back {
381
- stroke: var(--theme-color-2);
382
- cursor: pointer;
383
- }
384
- .navigation-back:hover {
385
- stroke: var(--theme-color-1);
386
- }
387
- .scalar-api-client__address-bar__close {
388
- width: 100%;
389
- height: 100%;
390
- position: fixed;
391
- top: 0;
392
- left: 0;
393
- /* background: rgba(0,0,0,.55);
394
- */
395
- pointer-events: none;
396
- opacity: 0;
397
- transition: all 0.1s ease-in-out;
398
- z-index: 1000;
399
- }
400
- .navtable-item-request span {
401
- padding: 8px 9px 8px 0;
402
- border: none;
403
- outline: none;
404
- font-size: 12px;
405
- color: var(--theme-color-1);
406
- width: 100%;
407
- display: block;
408
- overflow: hidden;
409
- white-space: nowrap;
410
- text-overflow: ellipsis;
411
- }
412
- .navtable-item-request span em {
413
- text-transform: uppercase;
414
- font-style: normal;
415
- font-family: var(--theme-font-code);
416
- font-size: 11px;
417
- margin-right: 6px;
418
- font-weight: var(--theme-bold);
419
- color: var(--theme-color-disabled);
420
- }
421
- .navtable-item-time {
422
- font-size: 12px;
423
- color: var(--theme-color-1);
424
- text-transform: capitalize;
425
- padding: 0 9px;
426
- }
427
- @media screen and (max-width: 720px) {
428
- .scalar-api-client__history-toggle span,
429
- .scalar-api-client__send-request-button span {
430
- display: none;
431
- }
432
- .scalar-api-client__history-toggle svg,
433
- .scalar-api-client__send-request-button svg {
434
- margin-right: 0;
435
- }
436
- .scalar-api-client__history-toggle,
437
- .scalar-api-client__send-request-button {
438
- height: 31.5px;
439
- width: 31.5px;
440
- }
441
- }
442
-
443
- .scalar-api-client__item {
444
- border-radius: var(--theme-radius-lg);
445
- margin-bottom: 6px;
446
- background: var(--theme-background-2);
447
- box-shadow: var(--shadow1);
448
- position: relative;
449
- }
450
- .scalar-api-client__item button {
451
- background-color: transparent;
452
- text-align: left;
453
- }
454
- .scalar-api-client__item:hover {
455
- cursor: pointer;
456
- }
457
- .scalar-api-client__item--open {
458
- background: var(--theme-background-2);
459
- }
460
- .scalar-api-client__item--open:focus-within {
461
- box-shadow: var(--shadow1);
462
- }
463
- .scalar-api-client__item--open .scalar-api-client__item__content {
464
- display: flex;
465
- }
466
- .scalar-api-client__item--open:hover {
467
- cursor: default;
468
- }
469
- .scalar-api-client__item--open .scalar-api-client__toggle__icon {
470
- transform: rotate(90deg);
471
- }
472
- .scalar-api-client__toggle {
473
- padding: 6px 12px;
474
- min-height: 37px;
475
- display: flex;
476
- align-items: center;
477
- justify-content: space-between;
478
- position: relative;
479
- width: 100%;
480
- }
481
- .scalar-api-client__item .scalar-api-client__item__title {
482
- color: var(--theme-color-1);
483
- font-size: var(--theme-small);
484
- font-weight: var(--theme-bold);
485
- user-select: none;
486
- flex: 1;
487
- }
488
- .scalar-api-client__item .scalar-api-client__item__title:after {
489
- content: '';
490
- position: absolute;
491
- top: 0;
492
- left: 0;
493
- width: 100%;
494
- height: 100%;
495
- display: block;
496
- }
497
- .scalar-api-client__item .scalar-api-client__toggle__icon {
498
- width: 10px;
499
- margin-right: 6px;
500
- color: var(--theme-color-1);
501
- }
502
- .scalar-api-client__item__options {
503
- position: relative;
504
- }
505
- .scalar-api-client__item__options span {
506
- background: var(--theme-background-3);
507
- padding: 2px 6px;
508
- border-radius: 3px;
509
- font-size: 12px;
510
- pointer-events: none;
511
- color: var(--theme-color-2);
512
- border: 1px solid var(--theme-border-color);
513
- display: flex;
514
- align-items: center;
515
- justify-content: center;
516
- }
517
- .scalar-api-client__item__options span svg {
518
- width: 9px;
519
- height: 9px;
520
- margin-left: 3px;
521
- }
522
- .scalar-api-client__item__options select {
523
- position: absolute;
524
- top: 0;
525
- left: 0;
526
- width: 100%;
527
- height: 100%;
528
- opacity: 0;
529
- cursor: pointer;
530
- }
531
-
532
- .table {
533
- border: 1px solid var(--theme-border-color);
534
- background: transparent;
535
- border-radius: var(--theme-radius-lg);
536
- width: 100%;
537
- }
538
- .table-row {
539
- border-bottom: 1px solid var(--theme-border-color);
540
- display: flex;
541
- position: relative;
542
- }
543
- .table-row__add {
544
- border-radius: 0 0 var(--theme-radius-lg) var(--theme-radius-lg);
545
- border-bottom: none;
546
- }
547
- .table-row.required-parameter .table-row-item:nth-of-type(2):after {
548
- content: 'Required';
549
- position: absolute;
550
- top: 4px;
551
- right: 0;
552
- padding: 5px 9px 5px 6px;
553
- font-weight: var(--theme-semibold);
554
- font-size: 12px;
555
- background: var(--theme-background-2);
556
- box-shadow: -2px 0 4px var(--theme-background-2);
557
- }
558
- .table-row.required-parameter
559
- .table-row-item:nth-of-type(2):focus-within:after {
560
- display: none;
561
- }
562
- .table-row:last-of-type {
563
- border-bottom: none;
564
- }
565
- .table-row__active {
566
- border-radius: 0 0 var(--theme-radius-lg) var(--theme-radius-lg);
567
- }
568
- .table-row-drag {
569
- width: 20px;
570
- flex-shrink: 0;
571
- border-right: 1px solid var(--theme-border-color);
572
- align-items: center;
573
- justify-content: center;
574
- display: none;
575
- }
576
- .table-row-drag svg {
577
- width: 6px;
578
- fill: var(--theme-color-disabled);
579
- }
580
- .table-row-drag .table-row-drag-add {
581
- width: 8px;
582
- }
583
- .table-row-item {
584
- width: 100%;
585
- border-right: 1px solid var(--theme-border-color);
586
- position: relative;
587
- }
588
- .table-row-item-menu {
589
- position: absolute;
590
- right: 12px;
591
- background: var(--theme-background-3);
592
- border: 1px solid var(--theme-border-color);
593
- width: 24px;
594
- height: 24px;
595
- top: 50%;
596
- transform: translate3d(0, -50%, 0);
597
- border-radius: var(--theme-radius-lg);
598
- display: flex;
599
- align-items: center;
600
- justify-content: center;
601
- opacity: 0;
602
- cursor: pointer;
603
- }
604
- .table-row-item input:focus + .table-row-item-menu,
605
- .table-row-item:hover .table-row-item-menu {
606
- opacity: 1;
607
- }
608
- .table-row-item-menu svg {
609
- height: 12px;
610
- width: initial;
611
- fill: var(--theme-color-disabled);
612
- }
613
- .table-row-item input {
614
- border: none;
615
- appearance: none;
616
- outline: none;
617
- padding: 9px;
618
- width: 100%;
619
- color: var(--theme-color-1);
620
- font-size: 12px;
621
- }
622
- .table-row-item input[disabled] {
623
- background: transparent;
624
- font-family: var(--theme-font-code);
625
- }
626
- .table-row-item input:focus {
627
- background: var(--theme-background-2);
628
- }
629
- .table-row-item label {
630
- background: transparent;
631
- text-transform: uppercase;
632
- display: block;
633
- padding: 9px;
634
- font-weight: var(--theme-bold);
635
- color: var(--theme-color-disabled);
636
- font-size: 12px;
637
- }
638
- .table-row-meta {
639
- overflow: hidden;
640
- flex-shrink: 0;
641
- transition: all 0.15s ease-in-out;
642
- display: flex;
643
- align-items: center;
644
- justify-content: center;
645
- width: 32px;
646
- user-select: none;
647
- }
648
- .table-row-meta-check {
649
- width: 18px;
650
- height: 18px;
651
- border-radius: var(--theme-radius-lg);
652
- background: rgba(47, 177, 228, 0.1);
653
- }
654
- .table-row-meta svg {
655
- width: 13px;
656
- height: 13px;
657
- margin: 0 1px;
658
- color: var(--theme-color-disabled);
659
- cursor: pointer;
660
- }
661
- .table-row-meta svg:hover {
662
- color: var(--theme-color-2);
663
- }
664
- .meta-check {
665
- display: flex;
666
- position: relative;
667
- cursor: pointer;
668
- align-items: center;
669
- font-size: 12px;
670
- border-radius: var(--theme-radius-lg);
671
- user-select: none;
672
- margin: 0 1px;
673
- transition: all 0.15s ease-in-out;
674
- }
675
- .meta-check input {
676
- position: absolute;
677
- opacity: 0;
678
- cursor: pointer;
679
- height: 0;
680
- width: 0;
681
- }
682
- .meta-checkmark {
683
- height: 15px;
684
- width: 15px;
685
- background: var(--theme-background-1);
686
- border-radius: 3px;
687
- display: flex;
688
- align-items: center;
689
- justify-content: center;
690
- position: relative;
691
- }
692
- .meta-check .meta-checkmark:after {
693
- content: '';
694
- display: none;
695
- width: 5px;
696
- height: 8px;
697
- border: solid var(--theme-color-1);
698
- border-width: 0 1.5px 1.5px 0;
699
- transform: rotate(45deg) translate3d(0, -1px, 0);
700
- }
701
- .meta-check input:checked ~ .meta-checkmark:after {
702
- display: block;
703
- }
704
-
705
- .navtable {
706
- width: 100%;
707
- }
708
- .navtable-follow {
709
- background-color: black;
710
- color: white;
711
- font-size: 9px;
712
- padding: 6px;
713
- display: -webkit-box;
714
- max-width: 250px;
715
- -webkit-line-clamp: 12;
716
- border-radius: 3px;
717
- -webkit-box-orient: vertical;
718
- overflow: hidden;
719
- line-height: 1.24;
720
- transform: translate3d(10px, 0, 0);
721
- }
722
- .navtable-follow:after {
723
- content: '';
724
- position: absolute;
725
- bottom: 0;
726
- width: 100%;
727
- height: 6px;
728
- background-color: black;
729
- }
730
- .navtable-follow * {
731
- font-family: var(--theme-font-code) !important;
732
- }
733
- .navtable-table {
734
- position: relative;
735
- display: flex;
736
- flex-direction: column;
737
- min-height: 381px;
738
- }
739
- .navtable-item {
740
- display: flex;
741
- position: relative;
742
- color: var(--theme-color-1);
743
- border-top: 1px solid var(--theme-border-color);
744
- font-weight: var(--theme-semibold);
745
- }
746
- .navtable-item > div {
747
- word-wrap: break-word;
748
- }
749
- .navtable-item > div:not(:first-child) {
750
- border-left: 1px solid var(--theme-border-color);
751
- }
752
- .navtable-item-action {
753
- color: var(--theme-color-2);
754
- font-size: 12px;
755
- font-weight: var(--theme-bold);
756
- background: var(--scalar-api-client-bg3);
757
- border: none;
758
- border-radius: 30px;
759
- appearance: none;
760
- max-height: 25px;
761
- margin-left: 12px;
762
- margin-right: 6px;
763
- padding: 4px 8px;
764
- outline: none;
765
- cursor: pointer;
766
- opacity: 0;
767
- transition: opacity 0.15s ease-in-out;
768
- white-space: nowrap;
769
- position: relative;
770
- }
771
- .navtable-item-action:hover {
772
- color: var(--theme-color-1);
773
- background: var(--scalar-api-client-gradient);
774
- box-shadow: 0 0 0 1px var(--theme-border-color);
775
- }
776
- .navtable-item-action:focus {
777
- background: var(--theme-background-2);
778
- }
779
- .navtable-item:hover,
780
- .navtable-item:focus-within .navtable-item-action {
781
- opacity: 1;
782
- }
783
- .navtable-item-add {
784
- display: flex;
785
- align-items: center;
786
- padding: 9px;
787
- font-weight: var(--theme-bold);
788
- outline: none;
789
- border: none;
790
- appearance: none;
791
- background: transparent;
792
- color: var(--theme-color-1);
793
- }
794
- .navtable-item-add:hover {
795
- background: var(--theme-background-2);
796
- cursor: pointer;
797
- }
798
- .navtable-item-25 {
799
- width: 25%;
800
- font-size: 12px;
801
- display: flex;
802
- align-items: center;
803
- }
804
- .navtable-item-33 {
805
- width: 33.33333%;
806
- display: flex;
807
- font-size: 12px;
808
- align-items: center;
809
- }
810
- .navtable-item-66 {
811
- width: 66.6666%;
812
- display: flex;
813
- font-size: 12px;
814
- align-items: center;
815
- }
816
- .navtable-item-75 {
817
- width: 75%;
818
- display: flex;
819
- align-items: center;
820
- }
821
- .navtable-item-75:focus-within {
822
- background: var(--theme-background-2);
823
- }
824
- .navtable-item-40 {
825
- width: 40%;
826
- display: flex;
827
- align-items: center;
828
- }
829
- .navtable-item-20 {
830
- width: 20%;
831
- display: flex;
832
- align-items: center;
833
- }
834
- .navtable-item-50 {
835
- width: 50%;
836
- display: flex;
837
- align-items: center;
838
- }
839
- .navtable-item-50:focus-within {
840
- background: var(--theme-background-2);
841
- }
842
- .navtable-item p {
843
- padding: 9px;
844
- }
845
- .navtable-item input {
846
- padding: 12px 6px;
847
- border: none;
848
- outline: none;
849
- appearance: none;
850
- font-size: 12px;
851
- color: var(--theme-color-1);
852
- background: transparent;
853
- width: 100%;
854
- }
855
- .navtable-item input:focus {
856
- background: var(--theme-background-2);
857
- }
858
- .navtable-item-select {
859
- position: relative;
860
- }
861
- .navtable-item-select select {
862
- background: transparent;
863
- outline: none;
864
- border: none;
865
- font-size: 12px;
866
- appearance: none;
867
- width: 100%;
868
- padding: 12px 6px;
869
- top: 0;
870
- position: relative;
871
- cursor: pointer;
872
- color: var(--theme-color-2);
873
- }
874
- .navtable-item-select svg {
875
- position: absolute;
876
- right: 6px;
877
- color: var(--theme-color-ghost);
878
- width: 6px;
879
- top: 12px;
880
- pointer-events: none;
881
- }
882
- .navtable-item .option {
883
- padding: 12px 6px;
884
- font-size: 12px;
885
- color: var(--theme-color-1);
886
- width: 100%;
887
- }
888
- .navtable-item label {
889
- color: var(--theme-color-disabled);
890
- font-size: 12px;
891
- font-weight: var(--theme-bold);
892
- text-transform: uppercase;
893
- padding: 9px;
894
- display: block;
895
- width: 100%;
896
- }
897
- .navtable-item-response {
898
- padding: 0 9px;
899
- }
900
- .navtable-item-response span {
901
- font-size: 12px;
902
- display: flex;
903
- align-items: center;
904
- margin-right: 6px;
905
- min-width: 50px;
906
- }
907
- .scalar-api-client__status--1xx:before,
908
- .scalar-api-client__status--2xx:before,
909
- .scalar-api-client__status--3xx:before,
910
- .scalar-api-client__status--4xx:before,
911
- .scalar-api-client__status--5xx:before,
912
- .scalar-api-client__status--6xx:before {
913
- content: '';
914
- width: 12px;
915
- height: 12px;
916
- border-radius: 50%;
917
- margin-right: 4px;
918
- background: var(--theme-background-2);
919
- }
920
- .scalar-api-client__status--2xx:before {
921
- background: green;
922
- }
923
- .scalar-api-client__status--3xx:before {
924
- background: orange;
925
- }
926
- .scalar-api-client__status--4xx:before {
927
- background: red;
928
- }
929
- .navtable-item-response span:empty {
930
- display: none;
931
- }
932
- .simpletable.navtable {
933
- padding: 0;
934
- }
935
- .simpletable.navtable .navtable-item-66,
936
- .simpletable.navtable .navtable-item-33 {
937
- display: block;
938
- }
939
- .simpletable.navtable .navtable-table {
940
- height: fit-content;
941
- }
942
-
943
- .scalar-api-client__main__left {
944
- width: 50%;
945
- border-right: 1px solid var(--theme-border-color);
946
- padding: 0 0 12px 12px;
947
- }
948
- @media screen and (max-width: 820px) {
949
- .scalar-api-client__main__left {
950
- width: 100%;
951
- border-right: none;
952
- }
953
- }
954
- .scalar-api-client__item__content {
955
- flex-flow: wrap;
956
- padding: 0 12px 12px;
957
- border-radius: 3px;
958
- color: var(--theme-color-disabled);
959
- font-size: 12px;
960
- margin-top: -3px;
961
- justify-content: space-between;
962
- }
963
- .scalar-api-client__item__content .cm-s-default {
964
- border: 1px solid var(--theme-border-color);
965
- border-radius: var(--theme-radius-lg);
966
- }
967
- .scalar-api-client__item__content .scalar-api-client__item__content--code {
968
- width: 100%;
969
- max-height: calc(100vh - 200px);
970
- overflow: auto;
971
- }
972
- .scalar-api-client__item__content .cm-scroller {
973
- border: 1px solid var(--theme-border-color);
974
- border-radius: 3px;
975
- }
976
- .scalar-api-client__item__content .cm-editor {
977
- outline: none !important;
978
- }
979
- .scalar-api-client__item__content .cm-editor .cm-gutters {
980
- background: transparent;
981
- }
982
- .scalar-api-client__item__content .cm-scroll {
983
- background: transparent;
984
- }
985
- .scalar-api-client__item__content .cm-editor * {
986
- font-size: 11px;
987
- }
988
- .scalar-api-client__item__content .cm-editor .cm-line {
989
- color: var(--theme-color-1);
990
- }
991
- .scalar-api-client__item__content-button {
992
- width: 100%;
993
- appearance: none;
994
- border: none;
995
- outline: none;
996
- font-size: 12px;
997
- background: var(--scalar-api-client-color) !important;
998
- text-align: center;
999
- font-weight: var(--theme-bold);
1000
- padding: 12px;
1001
- text-transform: uppercase;
1002
- border-radius: var(--theme-radius-lg);
1003
- color: white;
1004
- cursor: pointer;
1005
- }
1006
- .scalar-api-client__item__content__split {
1007
- justify-content: space-between;
1008
- }
1009
- .scalar-collapsible-section-flex {
1010
- width: 100%;
1011
- }
1012
- .input {
1013
- background: var(--theme-background-2);
1014
- border: 1px solid var(--theme-border-color);
1015
- border-radius: 3px;
1016
- position: relative;
1017
- width: 100%;
1018
- text-align: left;
1019
- margin-bottom: 6px;
1020
- }
1021
- .input__half {
1022
- width: calc(50% - 3px);
1023
- }
1024
- .input:focus-within {
1025
- background: var(--theme-background-3);
1026
- }
1027
- .input label,
1028
- .input input {
1029
- padding: 12px;
1030
- border: 0;
1031
- outline: none;
1032
- font-size: 12px;
1033
- color: var(--theme-color-1);
1034
- width: 100%;
1035
- background: transparent;
1036
- appearance: none;
1037
- -webkit-appearance: none;
1038
- left: 0;
1039
- }
1040
- .input label {
1041
- position: absolute;
1042
- color: var(--theme-color-2);
1043
- }
1044
- .input input {
1045
- opacity: 0;
1046
- position: relative;
1047
- z-index: 99;
1048
- padding: 18px 12px 6px 12px;
1049
- }
1050
- .input input:not(:placeholder-shown),
1051
- .input:focus-within input {
1052
- opacity: 1;
1053
- }
1054
- .input input:not(:placeholder-shown) + label,
1055
- .input:focus-within label {
1056
- font-size: 10px;
1057
- top: -6px;
1058
- color: var(--theme-color-1);
1059
- }
1060
- .input input:not(:placeholder-shown) + label {
1061
- color: var(--theme-color-2);
1062
- }
1063
- .select {
1064
- background: --theme-background-1;
1065
- border-radius: var(--theme-radius-lg);
1066
- font-size: 12px;
1067
- border: 1px solid var(--theme-border-color);
1068
- width: 100%;
1069
- position: relative;
1070
- margin-bottom: 6px;
1071
- }
1072
- .select:focus-within {
1073
- background: var(--theme-background-3);
1074
- }
1075
- .select:hover {
1076
- background: var(--theme-background-3);
1077
- }
1078
- .select svg {
1079
- position: absolute;
1080
- right: 12px;
1081
- pointer-events: none;
1082
- color: var(--theme-color-2);
1083
- width: 6px;
1084
- top: 10px;
1085
- }
1086
- .select label {
1087
- display: block;
1088
- font-size: 10px;
1089
- color: var(--theme-color-2);
1090
- position: absolute;
1091
- left: 12px;
1092
- top: 6px;
1093
- }
1094
- .select select {
1095
- background: transparent;
1096
- outline: none;
1097
- border: none;
1098
- -webkit-appearance: none;
1099
- font-size: 12px;
1100
- color: var(--theme-color-1);
1101
- appearance: none;
1102
- width: 100%;
1103
- padding: 18px 12px 6px 12px;
1104
- top: 0;
1105
- position: relative;
1106
- cursor: pointer;
1107
- }
1108
- .check {
1109
- display: flex;
1110
- position: relative;
1111
- cursor: pointer;
1112
- align-items: center;
1113
- font-size: 12px;
1114
- border: 1px solid var(--theme-border-color);
1115
- border-radius: 3px;
1116
- padding: 10px 12px;
1117
- user-select: none;
1118
- width: 100%;
1119
- }
1120
- .check p {
1121
- color: var(--theme-color-2);
1122
- }
1123
- .check input {
1124
- position: absolute;
1125
- opacity: 0;
1126
- cursor: pointer;
1127
- height: 0;
1128
- width: 0;
1129
- }
1130
- .checkmark {
1131
- height: 15px;
1132
- width: 15px;
1133
- background: var(--theme-background-3);
1134
- margin-right: 10px;
1135
- border-radius: 3px;
1136
- display: flex;
1137
- align-items: center;
1138
- justify-content: center;
1139
- position: relative;
1140
- }
1141
- .check input:checked ~ p {
1142
- color: var(--theme-color-1);
1143
- }
1144
- .check .checkmark:after {
1145
- content: '';
1146
- display: none;
1147
- width: 5px;
1148
- height: 8px;
1149
- border: solid var(--theme-color-disabled);
1150
- border-width: 0 2px 2px 0;
1151
- transform: rotate(45deg) translate3d(0, -1px, 0);
1152
- }
1153
- .check input:checked ~ .checkmark:after {
1154
- display: block;
1155
- }
1156
- .scalar-api-client__main__scroll-container {
1157
- height: calc(100vh - 320px);
1158
- }
1159
- .scalar-api-client__request-name {
1160
- outline: none;
1161
- border: none;
1162
- appearance: none;
1163
- -webkit-appearance: none;
1164
- color: var(--theme-color-disabled);
1165
- border-radius: var(--theme-radius-lg);
1166
- font-size: var(--theme-mini);
1167
- font-weight: var(--theme-bold);
1168
- width: 100%;
1169
- background: transparent;
1170
- }
1171
-
1172
- a[data-v-7a2c7da8] {
1173
- text-decoration: underline;
1174
- text-decoration-color: var(--theme-border-color);
1175
- text-underline-offset: 2px;
1176
- cursor: help;
1177
- }
1178
-
1179
- .simple-cell {
1180
- border-right: 1px solid var(--theme-border-color);
1181
- position: relative;
1182
- padding: 0.75em;
1183
- color: var(--theme-color-1);
1184
- white-space: nowrap;
1185
- }
1186
- .simple-cell:last-of-type {
1187
- border-right: none;
1188
- }
1189
- .simple-cell.wrap {
1190
- white-space: normal;
1191
- }
1192
- .simple-cell.strong {
1193
- font-weight: var(--theme-semibold);
1194
- }
1195
-
1196
- .simple-header {
1197
- color: var(--theme-color-disabled);
1198
- font-weight: var(--theme-bold);
1199
- text-transform: uppercase;
1200
- }
1201
-
1202
- .simple-row {
1203
- border-top: 1px solid var(--theme-border-color);
1204
- }
1205
- .simple-row:last-of-type {
1206
- border-bottom: 1px solid var(--theme-border-color);
1207
- }
1208
-
1209
- .simple-table {
1210
- display: table;
1211
- width: 100%;
1212
- margin: 1em 0;
1213
- }
1214
-
1215
- .scalar-api-client__main__right {
1216
- width: 50%;
1217
- padding: 0 0 12px 12px;
1218
- }
1219
- @media screen and (max-width: 820px) {
1220
- .scalar-api-client__main__right {
1221
- width: 100%;
1222
- border-right: none;
1223
- }
1224
- }
1225
- .scalar-api-client__main__right :deep(.scalar-copilot__header-button) {
1226
- position: absolute;
1227
- top: 6px;
1228
- right: 12px;
1229
- }
1230
-
1231
-
1232
- * {
1233
- text-rendering: optimizeLegibility;
1234
- -webkit-font-smoothing: antialiased;
1235
- -moz-osx-font-smoothing: grayscale;
1236
- }
1237
- /* fonts */
1238
- :root {
1239
- --app-header-height: 50px;
1240
- --theme-border-width: 1px;
1241
- --theme-radius: 3px;
1242
- --theme-radius-lg: 6px;
1243
- --theme-radius-xl: 8px;
1244
-
1245
- --theme-header-height: 50px;
1246
- --theme-sidebar-width: 250px;
1247
- --theme-toc-width: 250px;
1248
-
1249
- /* TYPOGRAPHY ------------------------------------ */
1250
- --theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
1251
- Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
1252
- --theme-font-code: 'JetBrains Mono';
1253
-
1254
- /** Font sizes for rendered text content (editor styles or static content) */
1255
- --theme-heading-1: 40px; /* Editor Page heading */
1256
- --theme-page-description: 24px;
1257
- --theme-heading-2: 24px; /* Editor section headings */
1258
- --theme-heading-3: 20px;
1259
- --theme-heading-4: 16px;
1260
- --theme-heading-5: 16px;
1261
- --theme-heading-6: 16px;
1262
-
1263
- --theme-paragraph: 16px;
1264
- --theme-small: 14px;
1265
- --theme-mini: 13px;
1266
- --theme-micro: 12px;
1267
- --theme-bold: 600;
1268
- --theme-semibold: 500;
1269
- --theme-regular: 400;
1270
-
1271
- /* Font sizes for interactive applications (not rendered text content) */
1272
- --theme-font-size-1: 24px;
1273
- --theme-font-size-2: 16px;
1274
- --theme-font-size-3: 14px;
1275
- --theme-font-size-4: 13px;
1276
- --theme-font-size-5: 12px;
1277
-
1278
- --theme-line-height-1: 32px;
1279
- --theme-line-height-2: 24px;
1280
- --theme-line-height-3: 20px;
1281
- --theme-line-height-4: 18px;
1282
- --theme-line-height-5: 16px;
1283
-
1284
- --theme-font-medium: 500;
1285
- --theme-font-bold: 700;
1286
-
1287
- /* let's clean these up please :) */
1288
- --scalar-api-reference-theme-header-height: 0;
1289
- --scalar-api-reference-theme-sidebar-width: 250px;
1290
- --scalar-api-reference-theme-toc-width: 250px;
1291
- --scalar-api-reference-app-header-height: 100px;
1292
- --scalar-api-reference-col-width-1: 250px;
1293
- --scalar-api-reference-col-width-2: calc(50% - 150px);
1294
- --scalar-api-reference-col-width-3: calc(50% - 150px);
1295
- --scalar-api-reference-document-height: 100vh;
1296
- --scalar-api-reference-full-height: 100%;
1297
- }
1298
- @media (max-width: 460px) {
1299
- :root {
1300
- --theme-font-size-1: 22px;
1301
- --theme-font-size-2: 14px;
1302
- --theme-font-size-3: 12px;
1303
- }
1304
- }
1305
- @media (max-width: 720px) {
1306
- :root {
1307
- --theme-heading-1: 24px;
1308
- --theme-page-description: 20px;
1309
- }
1310
- }
1311
- .light-mode {
1312
- color-scheme: light;
1313
- --theme-color-1: #2a2f45;
1314
- --theme-color-2: #757575;
1315
- --theme-color-3: #8e8e8e;
1316
- --theme-color-disabled: #b4b1b1;
1317
- --theme-color-ghost: #a7a7a7;
1318
- --theme-color-accent: #0099ff;
1319
- --theme-background-1: #fff;
1320
- --theme-background-2: #f6f6f6;
1321
- --theme-background-3: #e7e7e7;
1322
- --theme-background-4: rgba(0, 0, 0, 0.06);
1323
- --theme-background-accent: #8ab4f81f;
1324
-
1325
- --theme-border-color: rgba(0, 0, 0, 0.1);
1326
- --theme-scrollbar-color: rgba(0, 0, 0, 0.18);
1327
- --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);
1328
- --theme-lifted-brightness: 1;
1329
- --theme-backdrop-brightness: 1;
1330
-
1331
- --theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
1332
- --theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,
1333
- rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;
1334
-
1335
- --theme-button-1: rgb(49 53 56);
1336
- --theme-button-1-color: #fff;
1337
- --theme-button-1-hover: rgb(28 31 33);
1338
-
1339
- --theme-error-color: #ae262f;
1340
- --theme-warning-color: #d89c6a;
1341
- --theme-success-color: #26ae42;
1342
-
1343
- /* REST API Client Colors */
1344
- --theme-post-color: #00a67d;
1345
- --theme-post-background: #00a67d1a;
1346
- --theme-delete-color: #ef0006;
1347
- --theme-delete-background: #ef00061a;
1348
- --theme-patch-color: #b2b062;
1349
- --theme-patch-background: #ffe6001a;
1350
- --theme-get-color: #0082d0;
1351
- --theme-get-background: #0082d01a;
1352
- --theme-put-color: #f3830e;
1353
- --theme-put-background: #f3830e1a;
1354
-
1355
- /* Misc Scalar Branding */
1356
- --scalar-brand: #faf6e9;
1357
- }
1358
- .dark-mode {
1359
- color-scheme: dark;
1360
- --theme-color-1: rgba(255, 255, 255, 0.9);
1361
- --theme-color-2: rgba(255, 255, 255, 0.62);
1362
- --theme-color-3: rgba(255, 255, 255, 0.44);
1363
- --theme-color-disabled: rgba(255, 255, 255, 0.34);
1364
- --theme-color-ghost: rgba(255, 255, 255, 0.26);
1365
- --theme-color-accent: #8ab4f8;
1366
- --theme-background-1: #1a1a1a;
1367
- --theme-background-2: #252525;
1368
- --theme-background-3: #323232;
1369
- --theme-background-4: rgba(255, 255, 255, 0.06);
1370
- --theme-background-accent: #8ab4f81f;
1371
-
1372
- --theme-border-color: rgba(255, 255, 255, 0.1);
1373
- --theme-scrollbar-color: rgba(255, 255, 255, 0.24);
1374
- --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);
1375
- --theme-lifted-brightness: 1.45;
1376
- --theme-backdrop-brightness: 0.5;
1377
-
1378
- --theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);
1379
- --theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,
1380
- rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);
1381
-
1382
- --theme-button-1: #f6f6f6;
1383
- --theme-button-1-color: #000;
1384
- --theme-button-1-hover: #e7e7e7;
1385
-
1386
- --theme-error-color: #ff0011;
1387
- --theme-success-color: #26ae42;
1388
-
1389
- /* REST API Client Colors */
1390
- --theme-post-color: #7ee787;
1391
- --theme-post-background: #7ee78714;
1392
- --theme-delete-color: #e77e7e;
1393
- --theme-delete-background: #e77e7e24;
1394
- --theme-patch-color: #b2b062;
1395
- --theme-patch-background: #b2b06229;
1396
- --theme-get-color: #79c0ff;
1397
- --theme-get-background: #79c0ff21;
1398
- --theme-put-color: #e9950c;
1399
- --theme-put-background: #e9950c21;
1400
-
1401
- /* Misc Scalar Branding */
1402
- --scalar-brand: #8b7256;
1403
- }
1404
-
1405
- .scalar-api-client {
1406
- background: var(--theme-background-1);
1407
- position: relative;
1408
- height: 100%;
1409
- overflow: hidden !important;
1410
- display: flex;
1411
- flex-direction: column;
1412
- font-family: var(--theme-font);
1413
- }
1414
- @media screen and (max-width: 1000px) {
1415
- .scalar-api-client {
1416
- width: 100%;
1417
- }
1418
- }
1419
- .scalar-api-client pre {
1420
- font-family: var(--theme-font-code);
1421
- }
1422
- .scalar-api-client--post {
1423
- --scalar-api-client-color: var(--theme-post-color);
1424
- --scalar-api-client-background: var(--theme-post-background);
1425
- }
1426
- .scalar-api-client--delete {
1427
- --scalar-api-client-color: var(--theme-delete-color);
1428
- --scalar-api-client-background: var(--theme-delete-background);
1429
- }
1430
- .scalar-api-client--patch {
1431
- --scalar-api-client-color: var(--theme-patch-color);
1432
- --scalar-api-client-background: var(--theme-patch-background);
1433
- }
1434
- .scalar-api-client--get {
1435
- --scalar-api-client-color: var(--theme-get-color);
1436
- --scalar-api-client-background: var(--theme-get-background);
1437
- }
1438
- .scalar-api-client--put {
1439
- --scalar-api-client-color: var(--theme-put-color);
1440
- --scalar-api-client-background: var(--theme-put-background);
1441
- }
1442
- .scalar-api-client__mobile-navigation {
1443
- padding: 12px 12px 0 12px;
1444
- display: flex;
1445
- font-size: var(--theme-small);
1446
- color: var(--theme-color-2);
1447
- font-weight: var(--theme-bold);
1448
- }
1449
- .scalar-api-client__mobile-navigation__toggle {
1450
- appearance: none;
1451
- margin-right: 9px;
1452
- cursor: pointer;
1453
- }
1454
- .scalar-api-client__mobile-navigation--active {
1455
- color: var(--theme-color-1);
1456
- }
1457
- .scalar-api-client__mobile-navigation--active:hover {
1458
- cursor: pointer;
1459
- }
1460
- .scalar-api-client__main {
1461
- display: flex;
1462
- height: 100%;
1463
- min-height: 0;
1464
- background: var(--theme-background-1);
1465
- border-top: 1px solid var(--theme-border-color);
1466
- }
1467
- @media screen and (max-width: 820px) {
1468
- .scalar-api-client__main {
1469
- display: block;
1470
- }
1471
- }
1472
-
1473
- /** TODO: Consider to make a Column component */
1474
- .scalar-api-client__main__content {
1475
- padding: 12px;
1476
- background: var(--theme-background-1);
1477
- top: 0;
1478
- position: sticky;
1479
- z-index: 100;
1480
- }
1481
- .scalar-api-client__main__content label {
1482
- font-size: var(--theme-small);
1483
- color: var(--theme-color-1);
1484
- font-weight: var(--theme-bold);
1485
- display: flex;
1486
- align-items: center;
1487
- }
1488
- @media screen and (max-width: 820px) {
1489
- .scalar-api-client__main__content {
1490
- padding: 0 0 12px 0;
1491
- }
1492
- .scalar-api-client__main__content label {
1493
- display: none;
1494
- }
1495
- }
1496
- .meta {
1497
- display: flex;
1498
- font-size: var(--theme-font-size-2);
1499
- font-weight: var(--theme-font-size-2);
1500
- color: var(--scalar-api-client-color2);
1501
- }
1502
- .meta-item svg {
1503
- fill: var(--theme-color-ghost);
1504
- height: 14px;
1505
- width: 14px;
1506
- margin-right: 6px;
1507
- }
1508
- .meta-item {
1509
- display: flex;
1510
- align-items: center;
1511
- margin-right: 12px;
1512
- white-space: nowrap;
1513
- font-weight: var(--theme-bold);
1514
- font-size: 12px;
1515
- color: var(--theme-color-disabled);
1516
- padding: 3px 0;
1517
- }
1518
- .meta-item__input {
1519
- padding: 3px 0;
1520
- background: transparent;
1521
- width: 100%;
1522
- margin-right: 0;
1523
- }
1524
- .types {
1525
- margin: auto;
1526
- width: 580px;
1527
- display: flex;
1528
- align-items: center;
1529
- justify-content: center;
1530
- flex-flow: wrap;
1531
- }
1532
- .types-heading {
1533
- width: 100%;
1534
- text-align: center;
1535
- }
1536
- .types-heading b {
1537
- font-size: 42px;
1538
- }
1539
- .types-heading p {
1540
- margin-bottom: 20px;
1541
- margin-top: 12px;
1542
- font-size: 24px;
1543
- }
1544
- .scalar-api-client__empty-state {
1545
- border: 1px dashed var(--theme-border-color);
1546
- width: 100%;
1547
- text-align: center;
1548
- font-size: var(--theme-small);
1549
- padding: 20px;
1550
- }