@scalar/docusaurus 0.4.39 → 0.4.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/README.md +1 -1
  3. package/dist/theme.css +432 -427
  4. package/dist/tsconfig.tsbuildinfo +1 -1
  5. package/package.json +2 -2
package/dist/theme.css CHANGED
@@ -133,6 +133,16 @@ html[data-theme='dark'] body {
133
133
  html[data-theme='light'] body .api-client-drawer {
134
134
  --scalar-background-1: white;
135
135
  }
136
+
137
+ /* Headless UI Shims */
138
+ #headlessui-portal-root {
139
+ position: fixed !important;
140
+ width: 100%;
141
+ }
142
+ #__docusaurus[aria-hidden='true'] ~ #headlessui-portal-root {
143
+ position: relative !important;
144
+ }
145
+
136
146
  .sidebar-heading.sidebar-group-item__folder {
137
147
  flex-direction: row-reverse;
138
148
  }
@@ -206,13 +216,6 @@ html[data-theme='light'] body .api-client-drawer {
206
216
  position: sticky;
207
217
  top: var(--ifm-navbar-height);
208
218
  }
209
- #headlessui-portal-root {
210
- position: fixed !important;
211
- width: 100%;
212
- }
213
- #__docusaurus[aria-hidden='true'] ~ #headlessui-portal-root {
214
- position: relative !important;
215
- }
216
219
  .references-layout {
217
220
  overflow: initial !important;
218
221
  grid-template-rows: 0 repeat(2, auto) !important;
@@ -295,486 +298,488 @@ html[data-theme='light'] body .api-client-drawer {
295
298
  }
296
299
  }
297
300
 
298
- code.hljs * {
299
- font-size: var(--scalar-small);
300
- font-family: var(--scalar-font-code);
301
- text-align: left;
302
- white-space: pre;
303
- word-spacing: normal;
304
- word-break: normal;
305
- word-wrap: normal;
306
- line-height: 1.4;
307
- tab-size: 4;
308
- }
309
- code.hljs {
310
- font-size: var(--scalar-small);
311
- font-family: var(--scalar-font-code);
312
- display: inline-block;
313
- counter-reset: linenumber;
314
- }
315
- .hljs {
316
- background: transparent;
317
- color: var(--scalar-color-2);
301
+ /** Hide credentials */
302
+ .credentials {
303
+ font-size: 0 !important;
304
+ color: transparent;
318
305
  }
319
306
 
320
- .hljs .line::before {
321
- color: var(--scalar-color-3);
322
- display: inline-block;
323
- counter-increment: linenumber;
324
- content: counter(linenumber);
325
- margin-right: 0.7em;
326
- /* Variable is set on the code element by the plugin when line numbers are used */
327
- min-width: calc(var(--line-digits) * 1ch);
328
- text-align: right;
329
- }
330
- /* ------------------------------------------------------------- */
331
- /* Data types */
332
- .hljs-comment,
333
- .hljs-quote {
307
+ /** Show a few dots instead */
308
+ .credentials::after {
309
+ content: '·····';
310
+ font-size: var(--scalar-small);
334
311
  color: var(--scalar-color-3);
335
- font-style: italic;
312
+ user-select: none;
336
313
  }
337
314
 
338
- .hljs-number {
339
- color: var(--scalar-color-orange);
340
- }
315
+ .scalar-app {
316
+ code.hljs * {
317
+ font-size: var(--scalar-small);
318
+ font-family: var(--scalar-font-code);
319
+ text-align: left;
320
+ white-space: pre;
321
+ word-spacing: normal;
322
+ word-break: normal;
323
+ word-wrap: normal;
324
+ line-height: 1.4;
325
+ tab-size: 4;
326
+ }
327
+ code.hljs {
328
+ font-size: var(--scalar-small);
329
+ font-family: var(--scalar-font-code);
330
+ display: inline-block;
331
+ counter-reset: linenumber;
332
+ }
333
+ .hljs {
334
+ background: transparent;
335
+ color: var(--scalar-color-2);
336
+ }
341
337
 
342
- .hljs-regexp,
343
- .hljs-string {
344
- color: var(--scalar-color-blue);
345
- }
338
+ .hljs .line::before {
339
+ color: var(--scalar-color-3);
340
+ display: inline-block;
341
+ counter-increment: linenumber;
342
+ content: counter(linenumber);
343
+ margin-right: 0.7em;
344
+ /* Variable is set on the code element by the plugin when line numbers are used */
345
+ min-width: calc(var(--line-digits) * 1ch);
346
+ text-align: right;
347
+ }
348
+ /* ------------------------------------------------------------- */
349
+ /* Data types */
350
+ .hljs-comment,
351
+ .hljs-quote {
352
+ color: var(--scalar-color-3);
353
+ font-style: italic;
354
+ }
346
355
 
347
- /** Globals such as `var()` and `!important` */
348
- .hljs-built_in {
349
- color: var(--scalar-color-blue);
350
- }
356
+ .hljs-number {
357
+ color: var(--scalar-color-orange);
358
+ }
351
359
 
352
- /** Class initializers such as `Array` or `Date` */
353
- /** Type declarations such as `Record` */
354
- .hljs-title.class_ {
355
- color: var(--scalar-color-1);
356
- }
360
+ .hljs-regexp,
361
+ .hljs-string {
362
+ color: var(--scalar-color-blue);
363
+ }
357
364
 
358
- /** Language indicators such as `new`, `const`, or `function` in JS */
359
- .hljs-keyword {
360
- color: var(--scalar-color-purple);
361
- }
365
+ /** Globals such as `var()` and `!important` */
366
+ .hljs-built_in {
367
+ color: var(--scalar-color-blue);
368
+ }
362
369
 
363
- /** Function names when declaring and calling */
364
- .hljs-title.function_ {
365
- color: var(--scalar-color-orange);
366
- }
370
+ /** Class initializers such as `Array` or `Date` */
371
+ /** Type declarations such as `Record` */
372
+ .hljs-title.class_ {
373
+ color: var(--scalar-color-1);
374
+ }
367
375
 
368
- /** Template substitution */
369
- .hljs-subst {
370
- color: var(--scalar-color-blue);
371
- }
376
+ /** Language indicators such as `new`, `const`, or `function` in JS */
377
+ .hljs-keyword {
378
+ color: var(--scalar-color-purple);
379
+ }
372
380
 
373
- /** HTML Tag name */
374
- .hljs-name {
375
- color: var(--scalar-color-blue);
376
- }
381
+ /** Function names when declaring and calling */
382
+ .hljs-title.function_ {
383
+ color: var(--scalar-color-orange);
384
+ }
377
385
 
378
- /** Attribute name (ex. `class`, `id`) */
379
- .hljs-attr,
380
- .hljs-attribute {
381
- color: var(--scalar-color-1);
382
- }
386
+ /** Template substitution */
387
+ .hljs-subst {
388
+ color: var(--scalar-color-blue);
389
+ }
383
390
 
384
- .hljs-addition,
385
- .hljs-literal,
386
- .hljs-selector-tag,
387
- .hljs-type {
388
- color: var(--scalar-color-green);
389
- }
391
+ /** HTML Tag name */
392
+ .hljs-name {
393
+ color: var(--scalar-color-blue);
394
+ }
390
395
 
391
- .hljs-selector-attr,
392
- .hljs-selector-pseudo {
393
- color: var(--scalar-color-orange);
394
- }
395
- .hljs-doctag {
396
- color: var(--scalar-color-blue);
397
- }
396
+ /** Attribute name (ex. `class`, `id`) */
397
+ .hljs-attr,
398
+ .hljs-attribute {
399
+ color: var(--scalar-color-1);
400
+ }
398
401
 
399
- .hljs-section,
400
- .hljs-title {
401
- color: var(--scalar-color-blue);
402
- }
402
+ .hljs-addition,
403
+ .hljs-literal,
404
+ .hljs-selector-tag,
405
+ .hljs-type {
406
+ color: var(--scalar-color-green);
407
+ }
403
408
 
404
- .hljs-selector-id,
405
- .hljs-template-variable,
406
- .hljs-variable {
407
- color: var(--scalar-color-1);
408
- }
409
+ .hljs-selector-attr,
410
+ .hljs-selector-pseudo {
411
+ color: var(--scalar-color-orange);
412
+ }
413
+ .hljs-doctag {
414
+ color: var(--scalar-color-blue);
415
+ }
409
416
 
410
- .hljs-name,
411
- .hljs-section,
412
- .hljs-strong {
413
- font-weight: var(--scalar-semibold);
414
- }
417
+ .hljs-section,
418
+ .hljs-title {
419
+ color: var(--scalar-color-blue);
420
+ }
415
421
 
416
- .hljs-bullet,
417
- .hljs-link,
418
- .hljs-meta,
419
- .hljs-symbol {
420
- color: var(--scalar-color-blue);
421
- }
422
+ .hljs-selector-id,
423
+ .hljs-template-variable,
424
+ .hljs-variable {
425
+ color: var(--scalar-color-1);
426
+ }
422
427
 
423
- .hljs-deletion {
424
- color: var(--scalar-color-red);
425
- }
428
+ .hljs-name,
429
+ .hljs-section,
430
+ .hljs-strong {
431
+ font-weight: var(--scalar-semibold);
432
+ }
426
433
 
427
- .hljs-formula {
428
- background: var(--scalar-color-1);
429
- }
434
+ .hljs-bullet,
435
+ .hljs-link,
436
+ .hljs-meta,
437
+ .hljs-symbol {
438
+ color: var(--scalar-color-blue);
439
+ }
430
440
 
431
- .hljs-emphasis {
432
- font-style: italic;
433
- }
441
+ .hljs-deletion {
442
+ color: var(--scalar-color-red);
443
+ }
434
444
 
435
- /** Hide credentials */
436
- .credentials {
437
- font-size: 0 !important;
438
- color: transparent;
439
- }
445
+ .hljs-formula {
446
+ background: var(--scalar-color-1);
447
+ }
440
448
 
441
- /** Show a few dots instead */
442
- .credentials::after {
443
- content: '·····';
444
- font-size: var(--scalar-small);
445
- color: var(--scalar-color-3);
446
- user-select: none;
447
- }
449
+ .hljs-emphasis {
450
+ font-style: italic;
451
+ }
448
452
 
449
- /* -------------------------------------------------------------- */
450
- /* Language specific overrides */
453
+ /* -------------------------------------------------------------- */
454
+ /* Language specific overrides */
451
455
 
452
- /** For HTML we leave the content strings brighter */
453
- .hljs.language-html {
454
- color: var(--scalar-color-1);
455
- }
456
+ /** For HTML we leave the content strings brighter */
457
+ .hljs.language-html {
458
+ color: var(--scalar-color-1);
459
+ }
456
460
 
457
- /** For HTML make the attr text different than the content */
458
- .hljs.language-html .hljs-attr {
459
- color: var(--scalar-color-2);
460
- }
461
+ /** For HTML make the attr text different than the content */
462
+ .hljs.language-html .hljs-attr {
463
+ color: var(--scalar-color-2);
464
+ }
461
465
 
462
- .hljs.language-curl .hljs-keyword {
463
- color: var(--scalar-color-orange);
464
- }
466
+ .hljs.language-curl .hljs-keyword {
467
+ color: var(--scalar-color-orange);
468
+ }
465
469
 
466
- .hljs.language-curl .hljs-string {
467
- color: var(--scalar-color-1);
468
- }
470
+ .hljs.language-curl .hljs-string {
471
+ color: var(--scalar-color-1);
472
+ }
469
473
 
470
- .hljs.language-curl .hljs-literal {
471
- color: var(--scalar-color-blue);
472
- }
474
+ .hljs.language-curl .hljs-literal {
475
+ color: var(--scalar-color-blue);
476
+ }
473
477
 
474
- .hljs.language-curl .hljs-literal {
475
- color: var(--scalar-color-blue);
476
- }
478
+ .hljs.language-curl .hljs-literal {
479
+ color: var(--scalar-color-blue);
480
+ }
477
481
 
478
- /** Compromise here */
479
- .hljs.language-cpp .hljs-built_in {
480
- /* color: var(--scalar-color-1); */
481
- }
482
+ /** Compromise here */
483
+ .hljs.language-cpp .hljs-built_in {
484
+ /* color: var(--scalar-color-1); */
485
+ }
482
486
 
483
- .hljs.language-php .hljs-variable {
484
- color: var(--scalar-color-blue);
485
- }
487
+ .hljs.language-php .hljs-variable {
488
+ color: var(--scalar-color-blue);
489
+ }
486
490
 
487
- .hljs.language-objectivec .hljs-meta {
488
- color: var(--scalar-color-1);
489
- }
491
+ .hljs.language-objectivec .hljs-meta {
492
+ color: var(--scalar-color-1);
493
+ }
490
494
 
491
- .hljs.language-objectivec .hljs-built_in {
492
- color: var(--scalar-color-orange);
493
- }
495
+ .hljs.language-objectivec .hljs-built_in {
496
+ color: var(--scalar-color-orange);
497
+ }
494
498
 
495
- .hljs-built_in {
496
- color: var(--scalar-color-orange);
497
- }
499
+ .hljs-built_in {
500
+ color: var(--scalar-color-orange);
501
+ }
498
502
 
499
- .markdown {
500
- font-family: var(--scalar-font);
501
- color: var(--scalar-color-1);
502
- word-break: break-word;
503
- }
503
+ .markdown {
504
+ font-family: var(--scalar-font);
505
+ color: var(--scalar-color-1);
506
+ word-break: break-word;
507
+ }
504
508
 
505
- /* Apply base padding for all block elements */
506
- .markdown h1,
507
- .markdown h2,
508
- .markdown h3,
509
- .markdown h4,
510
- .markdown h5,
511
- .markdown h6,
512
- .markdown p,
513
- .markdown div,
514
- .markdown img,
515
- .markdown details,
516
- .markdown summary,
517
- .markdown ul,
518
- .markdown ol,
519
- .markdown table,
520
- .markdown blockquote,
521
- .markdown code {
522
- margin: 12px 0;
523
- }
509
+ /* Apply base padding for all block elements */
510
+ .markdown h1,
511
+ .markdown h2,
512
+ .markdown h3,
513
+ .markdown h4,
514
+ .markdown h5,
515
+ .markdown h6,
516
+ .markdown p,
517
+ .markdown div,
518
+ .markdown img,
519
+ .markdown details,
520
+ .markdown summary,
521
+ .markdown ul,
522
+ .markdown ol,
523
+ .markdown table,
524
+ .markdown blockquote,
525
+ .markdown code {
526
+ margin: 12px 0;
527
+ }
524
528
 
525
- .markdown details {
526
- margin: 12px 0;
527
- color: var(--scalar-color-1);
528
- }
529
- .markdown summary {
530
- display: block;
531
- margin: 12px 0;
532
- padding-left: 20px;
533
- position: relative;
534
- font-weight: var(--scalar-semibold);
535
- cursor: pointer;
536
- user-select: none;
537
- }
529
+ .markdown details {
530
+ margin: 12px 0;
531
+ color: var(--scalar-color-1);
532
+ }
533
+ .markdown summary {
534
+ display: block;
535
+ margin: 12px 0;
536
+ padding-left: 20px;
537
+ position: relative;
538
+ font-weight: var(--scalar-semibold);
539
+ cursor: pointer;
540
+ user-select: none;
541
+ }
538
542
 
539
- .markdown summary::after {
540
- display: block;
541
- content: '';
543
+ .markdown summary::after {
544
+ display: block;
545
+ content: '';
542
546
 
543
- position: absolute;
544
- top: 1px;
545
- left: 1px;
547
+ position: absolute;
548
+ top: 1px;
549
+ left: 1px;
546
550
 
547
- width: 16px;
548
- height: 16px;
551
+ width: 16px;
552
+ height: 16px;
549
553
 
550
- background-color: var(--scalar-color-3);
551
- mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.25 19.5L15.75 12L8.25 4.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
552
- }
554
+ background-color: var(--scalar-color-3);
555
+ mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.25 19.5L15.75 12L8.25 4.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
556
+ }
553
557
 
554
- .markdown summary:hover::after {
555
- background-color: var(--scalar-color-1);
556
- }
558
+ .markdown summary:hover::after {
559
+ background-color: var(--scalar-color-1);
560
+ }
557
561
 
558
- .markdown details[open] summary::after {
559
- transform: rotate(90deg);
560
- }
562
+ .markdown details[open] summary::after {
563
+ transform: rotate(90deg);
564
+ }
561
565
 
562
- /* Fix for Safari displaying default caret next to `<summary>` */
563
- .markdown summary::-webkit-details-marker {
564
- display: none;
565
- }
566
+ /* Fix for Safari displaying default caret next to `<summary>` */
567
+ .markdown summary::-webkit-details-marker {
568
+ display: none;
569
+ }
566
570
 
567
- .markdown img {
568
- overflow: hidden;
569
- border-radius: var(--scalar-radius);
570
- max-width: 100%;
571
- }
572
- /* Don't add margin to the first block */
573
- .markdown > :first-child {
574
- margin-top: 0;
575
- }
571
+ .markdown img {
572
+ overflow: hidden;
573
+ border-radius: var(--scalar-radius);
574
+ max-width: 100%;
575
+ }
576
+ /* Don't add margin to the first block */
577
+ .markdown > :first-child {
578
+ margin-top: 0;
579
+ }
576
580
 
577
- .markdown h1 {
578
- --font-size: 1.4em;
579
- }
581
+ .markdown h1 {
582
+ --font-size: 1.4em;
583
+ }
580
584
 
581
- .markdown h2 {
582
- --font-size: 1.25em;
583
- }
585
+ .markdown h2 {
586
+ --font-size: 1.25em;
587
+ }
584
588
 
585
- .markdown h3 {
586
- --font-size: 1.1em;
587
- }
589
+ .markdown h3 {
590
+ --font-size: 1.1em;
591
+ }
588
592
 
589
- .markdown h4 {
590
- --font-size: 1em;
591
- }
593
+ .markdown h4 {
594
+ --font-size: 1em;
595
+ }
592
596
 
593
- .markdown h6 {
594
- --font-size: 1em;
595
- }
596
- .markdown h1,
597
- .markdown h2,
598
- .markdown h3,
599
- .markdown h4,
600
- .markdown h5,
601
- .markdown h6 {
602
- font-size: var(--font-size);
603
- margin: 18px 0 6px;
604
- font-weight: var(--scalar-bold);
605
- display: block;
606
- line-height: 1.45;
607
- }
608
- .markdown b,
609
- .markdown strong {
610
- font-weight: var(--scalar-bold);
611
- }
612
- .markdown p {
613
- color: var(--scalar-color-1);
614
- font-weight: var(--font-weight, var(--scalar-regular));
615
- line-height: 1.5;
616
- margin-bottom: 0;
617
- display: block;
618
- }
597
+ .markdown h6 {
598
+ --font-size: 1em;
599
+ }
600
+ .markdown h1,
601
+ .markdown h2,
602
+ .markdown h3,
603
+ .markdown h4,
604
+ .markdown h5,
605
+ .markdown h6 {
606
+ font-size: var(--font-size);
607
+ margin: 18px 0 6px;
608
+ font-weight: var(--scalar-bold);
609
+ display: block;
610
+ line-height: 1.45;
611
+ }
612
+ .markdown b,
613
+ .markdown strong {
614
+ font-weight: var(--scalar-bold);
615
+ }
616
+ .markdown p {
617
+ color: var(--scalar-color-1);
618
+ font-weight: var(--font-weight, var(--scalar-regular));
619
+ line-height: 1.5;
620
+ margin-bottom: 0;
621
+ display: block;
622
+ }
619
623
 
620
- .markdown ul,
621
- .markdown ol {
622
- padding-left: 24px;
623
- line-height: 1.5;
624
- margin: 12px 0;
625
- display: block;
626
- }
624
+ .markdown ul,
625
+ .markdown ol {
626
+ padding-left: 24px;
627
+ line-height: 1.5;
628
+ margin: 12px 0;
629
+ display: block;
630
+ }
627
631
 
628
- .markdown ul {
629
- list-style: disc;
630
- }
632
+ .markdown ul {
633
+ list-style: disc;
634
+ }
631
635
 
632
- .markdown ol {
633
- list-style: decimal;
634
- }
636
+ .markdown ol {
637
+ list-style: decimal;
638
+ }
635
639
 
636
- .markdown ul.contains-task-list {
637
- list-style: none;
638
- padding-left: 0;
639
- }
640
+ .markdown ul.contains-task-list {
641
+ list-style: none;
642
+ padding-left: 0;
643
+ }
640
644
 
641
- .markdown li {
642
- margin: 6px 0;
643
- display: list-item;
644
- }
645
- .markdown a {
646
- color: var(--scalar-color-accent);
647
- text-decoration: var(--scalar-text-decoration);
648
- cursor: pointer;
649
- }
650
- .markdown a:hover {
651
- text-decoration: var(--scalar-text-decoration-hover);
652
- }
653
- .markdown em {
654
- font-style: italic;
655
- }
656
- .markdown sup {
657
- font-size: var(--scalar-micro);
658
- vertical-align: super;
659
- font-weight: 450;
660
- }
661
- .markdown sub {
662
- font-size: var(--scalar-micro);
663
- vertical-align: sub;
664
- font-weight: 450;
665
- }
666
- .markdown del {
667
- text-decoration: line-through;
668
- }
669
- .markdown code {
670
- font-family: var(--scalar-font-code);
671
- background-color: var(--scalar-background-2);
672
- box-shadow: 0 0 0 1px var(--scalar-border-color);
673
- font-size: var(--scalar-micro);
674
- border-radius: 2px;
675
- padding: 0 3px;
676
- }
677
-
678
- .markdown pre code {
679
- display: block;
680
- white-space: pre;
681
- padding: 12px;
682
- line-height: 1.5;
683
- margin: 12px 0;
684
- -webkit-overflow-scrolling: touch;
685
- overflow-x: auto;
686
- max-width: 100%;
687
- min-width: 100px;
688
- }
689
-
690
- .markdown hr {
691
- border: none;
692
- border-bottom: 1px solid var(--scalar-border-color);
693
- }
694
-
695
- .markdown blockquote {
696
- border-left: 3px solid var(--scalar-border-color);
697
- padding-left: 12px;
698
- margin: 0;
699
- display: block;
700
- }
701
-
702
- .markdown table {
703
- display: block;
704
- overflow-x: auto;
705
- position: relative;
706
- border-collapse: collapse;
707
- width: max-content;
708
- max-width: 100%;
709
- margin: 1em 0;
710
- box-shadow: 0 0 0 1px var(--scalar-border-color);
711
- border-radius: var(--scalar-radius-lg);
712
- }
713
- .markdown tbody {
714
- display: table-row-group;
715
- vertical-align: middle;
716
- }
717
- .markdown thead {
718
- display: table-header-group;
719
- vertical-align: middle;
720
- }
721
-
722
- .markdown tr {
723
- display: table-row;
724
- border-color: inherit;
725
- vertical-align: inherit;
726
- }
727
- .markdown td,
728
- .markdown th {
729
- display: table-cell;
730
- vertical-align: inherit;
731
- min-width: 1em;
732
- padding: 6px 9px;
733
- vertical-align: top;
734
- line-height: 1.5;
735
- position: relative;
736
- word-break: initial;
737
- font-size: var(--scalar-small);
738
- color: var(--scalar-color-1);
739
- font-weight: var(--font-weight, var(--scalar-regular));
740
- border-right: 1px solid var(--scalar-border-color);
741
- border-bottom: 1px solid var(--scalar-border-color);
742
- }
645
+ .markdown li {
646
+ margin: 6px 0;
647
+ display: list-item;
648
+ }
649
+ .markdown a {
650
+ color: var(--scalar-color-accent);
651
+ text-decoration: var(--scalar-text-decoration);
652
+ cursor: pointer;
653
+ }
654
+ .markdown a:hover {
655
+ text-decoration: var(--scalar-text-decoration-hover);
656
+ }
657
+ .markdown em {
658
+ font-style: italic;
659
+ }
660
+ .markdown sup {
661
+ font-size: var(--scalar-micro);
662
+ vertical-align: super;
663
+ font-weight: 450;
664
+ }
665
+ .markdown sub {
666
+ font-size: var(--scalar-micro);
667
+ vertical-align: sub;
668
+ font-weight: 450;
669
+ }
670
+ .markdown del {
671
+ text-decoration: line-through;
672
+ }
673
+ .markdown code {
674
+ font-family: var(--scalar-font-code);
675
+ background-color: var(--scalar-background-2);
676
+ box-shadow: 0 0 0 1px var(--scalar-border-color);
677
+ font-size: var(--scalar-micro);
678
+ border-radius: 2px;
679
+ padding: 0 3px;
680
+ }
743
681
 
744
- .markdown td > *,
745
- .markdown th > * {
746
- margin-bottom: 0;
747
- }
748
- .markdown th:empty {
749
- display: none;
750
- }
751
- .markdown td:first-of-type,
752
- .markdown th:first-of-type {
753
- border-left: none;
754
- }
682
+ .markdown pre code {
683
+ display: block;
684
+ white-space: pre;
685
+ padding: 12px;
686
+ line-height: 1.5;
687
+ margin: 12px 0;
688
+ -webkit-overflow-scrolling: touch;
689
+ overflow-x: auto;
690
+ max-width: 100%;
691
+ min-width: 100px;
692
+ }
755
693
 
756
- .markdown td:last-of-type,
757
- .markdown th:last-of-type {
758
- border-right: none;
759
- }
694
+ .markdown hr {
695
+ border: none;
696
+ border-bottom: 1px solid var(--scalar-border-color);
697
+ }
760
698
 
761
- .markdown tr:last-of-type td {
762
- border-bottom: none;
763
- }
699
+ .markdown blockquote {
700
+ border-left: 3px solid var(--scalar-border-color);
701
+ padding-left: 12px;
702
+ margin: 0;
703
+ display: block;
704
+ }
764
705
 
765
- .markdown th {
766
- font-weight: var(--scalar-semibold) !important;
767
- text-align: left;
768
- border-left-color: transparent;
769
- background: var(--scalar-background-2);
770
- }
706
+ .markdown table {
707
+ display: block;
708
+ overflow-x: auto;
709
+ position: relative;
710
+ border-collapse: collapse;
711
+ width: max-content;
712
+ max-width: 100%;
713
+ margin: 1em 0;
714
+ box-shadow: 0 0 0 1px var(--scalar-border-color);
715
+ border-radius: var(--scalar-radius-lg);
716
+ }
717
+ .markdown tbody {
718
+ display: table-row-group;
719
+ vertical-align: middle;
720
+ }
721
+ .markdown thead {
722
+ display: table-header-group;
723
+ vertical-align: middle;
724
+ }
771
725
 
772
- .markdown tr > [align='left'] {
773
- text-align: left;
774
- }
775
- .markdown tr > [align='right'] {
776
- text-align: right;
777
- }
778
- .markdown tr > [align='center'] {
779
- text-align: center;
726
+ .markdown tr {
727
+ display: table-row;
728
+ border-color: inherit;
729
+ vertical-align: inherit;
730
+ }
731
+ .markdown td,
732
+ .markdown th {
733
+ display: table-cell;
734
+ vertical-align: inherit;
735
+ min-width: 1em;
736
+ padding: 6px 9px;
737
+ vertical-align: top;
738
+ line-height: 1.5;
739
+ position: relative;
740
+ word-break: initial;
741
+ font-size: var(--scalar-small);
742
+ color: var(--scalar-color-1);
743
+ font-weight: var(--font-weight, var(--scalar-regular));
744
+ border-right: 1px solid var(--scalar-border-color);
745
+ border-bottom: 1px solid var(--scalar-border-color);
746
+ }
747
+
748
+ .markdown td > *,
749
+ .markdown th > * {
750
+ margin-bottom: 0;
751
+ }
752
+ .markdown th:empty {
753
+ display: none;
754
+ }
755
+ .markdown td:first-of-type,
756
+ .markdown th:first-of-type {
757
+ border-left: none;
758
+ }
759
+
760
+ .markdown td:last-of-type,
761
+ .markdown th:last-of-type {
762
+ border-right: none;
763
+ }
764
+
765
+ .markdown tr:last-of-type td {
766
+ border-bottom: none;
767
+ }
768
+
769
+ .markdown th {
770
+ font-weight: var(--scalar-semibold) !important;
771
+ text-align: left;
772
+ border-left-color: transparent;
773
+ background: var(--scalar-background-2);
774
+ }
775
+
776
+ .markdown tr > [align='left'] {
777
+ text-align: left;
778
+ }
779
+ .markdown tr > [align='right'] {
780
+ text-align: right;
781
+ }
782
+ .markdown tr > [align='center'] {
783
+ text-align: center;
784
+ }
780
785
  }