@rokkit/themes 1.0.0-next.100

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 (43) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +13 -0
  3. package/package.json +54 -0
  4. package/src/base/alert.css +30 -0
  5. package/src/base/animation.css +22 -0
  6. package/src/base/atoms.css +58 -0
  7. package/src/base/carousel.css +18 -0
  8. package/src/base/core.css +92 -0
  9. package/src/base/layout.css +65 -0
  10. package/src/base/molecules.css +126 -0
  11. package/src/base/organisms.css +26 -0
  12. package/src/base/scrollbar.css +16 -0
  13. package/src/base/table.css +49 -0
  14. package/src/base/tree.css +18 -0
  15. package/src/base.css +11 -0
  16. package/src/constants.js +8 -0
  17. package/src/index.js +3 -0
  18. package/src/markdown.css +955 -0
  19. package/src/material/base.css +12 -0
  20. package/src/material/form.css +30 -0
  21. package/src/material/input.css +65 -0
  22. package/src/material/list.css +96 -0
  23. package/src/material.css +9 -0
  24. package/src/minimal/base.css +8 -0
  25. package/src/minimal/form.css +87 -0
  26. package/src/minimal/input.css +154 -0
  27. package/src/minimal/list.css +136 -0
  28. package/src/minimal/tabs.css +44 -0
  29. package/src/minimal.css +11 -0
  30. package/src/mixins/mixins.scss +66 -0
  31. package/src/mixins/palette.scss +48 -0
  32. package/src/palette.css +25 -0
  33. package/src/prism.css +102 -0
  34. package/src/rokkit/alert.css +4 -0
  35. package/src/rokkit/atoms.css +69 -0
  36. package/src/rokkit/carousel.css +19 -0
  37. package/src/rokkit/input.css +36 -0
  38. package/src/rokkit/layout.css +17 -0
  39. package/src/rokkit/molecules.css +119 -0
  40. package/src/rokkit/organisms.css +315 -0
  41. package/src/rokkit/table.css +57 -0
  42. package/src/rokkit/toggle.css +18 -0
  43. package/src/rokkit.css +11 -0
@@ -0,0 +1,955 @@
1
+ /* postcss-ignore */
2
+ .markdown-body .octicon {
3
+ display: inline-block;
4
+ fill: currentColor;
5
+ vertical-align: text-bottom;
6
+ }
7
+
8
+ /* postcss-ignore */
9
+ .markdown-body .anchor {
10
+ float: left;
11
+ line-height: 1;
12
+ margin-left: -20px;
13
+ padding-right: 4px;
14
+ }
15
+ /* postcss-ignore */
16
+ .markdown-body .anchor:focus {
17
+ outline: none;
18
+ }
19
+ /* postcss-ignore */
20
+ .markdown-body h1 .octicon-link,
21
+ .markdown-body h2 .octicon-link,
22
+ .markdown-body h3 .octicon-link,
23
+ .markdown-body h4 .octicon-link,
24
+ .markdown-body h5 .octicon-link,
25
+ .markdown-body h6 .octicon-link {
26
+ /* color: #1b1f23; */
27
+ @apply text-neutral;
28
+ vertical-align: middle;
29
+ visibility: hidden;
30
+ }
31
+ /* postcss-ignore */
32
+ .markdown-body h1:hover .anchor,
33
+ .markdown-body h2:hover .anchor,
34
+ .markdown-body h3:hover .anchor,
35
+ .markdown-body h4:hover .anchor,
36
+ .markdown-body h5:hover .anchor,
37
+ .markdown-body h6:hover .anchor {
38
+ text-decoration: none;
39
+ }
40
+ /* postcss-ignore */
41
+ .markdown-body h1:hover .anchor .octicon-link,
42
+ .markdown-body h2:hover .anchor .octicon-link,
43
+ .markdown-body h3:hover .anchor .octicon-link,
44
+ .markdown-body h4:hover .anchor .octicon-link,
45
+ .markdown-body h5:hover .anchor .octicon-link,
46
+ .markdown-body h6:hover .anchor .octicon-link {
47
+ visibility: visible;
48
+ }
49
+
50
+ /* postcss-ignore */
51
+ .markdown-body h1:hover .anchor .octicon-link:before,
52
+ .markdown-body h2:hover .anchor .octicon-link:before,
53
+ .markdown-body h3:hover .anchor .octicon-link:before,
54
+ .markdown-body h4:hover .anchor .octicon-link:before,
55
+ .markdown-body h5:hover .anchor .octicon-link:before,
56
+ .markdown-body h6:hover .anchor .octicon-link:before {
57
+ width: 16px;
58
+ height: 16px;
59
+ content: ' ';
60
+ display: inline-block;
61
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' width='16' height='16' aria-hidden='true'%3E%3Cpath fill-rule='evenodd' d='M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z'%3E%3C/path%3E%3C/svg%3E");
62
+ }
63
+ /* postcss-ignore */
64
+ .markdown-body {
65
+ -ms-text-size-adjust: 100%;
66
+ -webkit-text-size-adjust: 100%;
67
+ word-wrap: break-word;
68
+ }
69
+ /* postcss-ignore */
70
+ .markdown-body details {
71
+ display: block;
72
+ }
73
+ /* postcss-ignore */
74
+ .markdown-body summary {
75
+ display: list-item;
76
+ }
77
+ /* postcss-ignore */
78
+ .markdown-body a {
79
+ background-color: initial;
80
+ }
81
+ /* postcss-ignore */
82
+ .markdown-body a:active,
83
+ .markdown-body a:hover {
84
+ outline-width: 0;
85
+ }
86
+
87
+ .markdown-body strong {
88
+ font-weight: inherit;
89
+ font-weight: bolder;
90
+ }
91
+
92
+ .markdown-body img {
93
+ border-style: none;
94
+ }
95
+
96
+ .markdown-body hr {
97
+ box-sizing: initial;
98
+ height: 0;
99
+ overflow: visible;
100
+ }
101
+
102
+ .markdown-body input {
103
+ font: inherit;
104
+ margin: 0;
105
+ }
106
+
107
+ .markdown-body input {
108
+ overflow: visible;
109
+ }
110
+
111
+ .markdown-body [type='checkbox'] {
112
+ box-sizing: border-box;
113
+ padding: 0;
114
+ }
115
+
116
+ .markdown-body * {
117
+ box-sizing: border-box;
118
+ }
119
+
120
+ .markdown-body input {
121
+ font-family: inherit;
122
+ font-size: inherit;
123
+ line-height: inherit;
124
+ }
125
+
126
+ .markdown-body a {
127
+ @apply text-primary hover:text-secondary visited:text-secondary-600;
128
+ text-decoration: none;
129
+ }
130
+
131
+ .markdown-body a:hover {
132
+ text-decoration: underline;
133
+ }
134
+
135
+ .markdown-body strong {
136
+ font-weight: 600;
137
+ }
138
+
139
+ .markdown-body hr {
140
+ height: 0;
141
+ margin: 15px 0;
142
+ overflow: hidden;
143
+ background: transparent;
144
+ border: 0;
145
+ border-bottom: 1px solid #dfe2e5;
146
+ }
147
+
148
+ .markdown-body hr:after,
149
+ .markdown-body hr:before {
150
+ display: table;
151
+ content: '';
152
+ }
153
+
154
+ .markdown-body hr:after {
155
+ clear: both;
156
+ }
157
+
158
+ .markdown-body table {
159
+ border-spacing: 0;
160
+ border-collapse: collapse;
161
+ }
162
+
163
+ .markdown-body td,
164
+ .markdown-body th {
165
+ padding: 0;
166
+ }
167
+
168
+ .markdown-body details summary {
169
+ cursor: pointer;
170
+ }
171
+
172
+ .markdown-body kbd {
173
+ display: inline-block;
174
+ padding: 3px 5px;
175
+ line-height: 10px;
176
+ color: #444d56;
177
+ vertical-align: middle;
178
+ background-color: #fafbfc;
179
+ border: 1px solid #d1d5da;
180
+ border-radius: 3px;
181
+ box-shadow: inset 0 -1px 0 #d1d5da;
182
+ }
183
+
184
+ .markdown-body h3 {
185
+ font-size: 20px;
186
+ }
187
+
188
+ .markdown-body h3,
189
+ .markdown-body h4 {
190
+ font-weight: 600;
191
+ }
192
+
193
+ .markdown-body h4 {
194
+ font-size: 16px;
195
+ }
196
+
197
+ .markdown-body h5 {
198
+ font-size: 14px;
199
+ }
200
+
201
+ .markdown-body h5,
202
+ .markdown-body h6 {
203
+ font-weight: 600;
204
+ }
205
+
206
+ .markdown-body h6 {
207
+ font-size: 12px;
208
+ }
209
+
210
+ .markdown-body p {
211
+ margin-top: 0;
212
+ margin-bottom: 10px;
213
+ }
214
+
215
+ .markdown-body blockquote {
216
+ margin: 0;
217
+ }
218
+
219
+ .markdown-body ol,
220
+ .markdown-body ul {
221
+ padding-left: 0;
222
+ margin-top: 0;
223
+ margin-bottom: 0;
224
+ }
225
+ .markdown-body ul {
226
+ list-style-type: none;
227
+ }
228
+ .markdown-body ul li {
229
+ @apply relative mb-2;
230
+ }
231
+ .markdown-body ul li::before {
232
+ content: '';
233
+ @apply absolute bg-neutral-muted mt-2 -ml-5 w-1.5 h-1.5 rounded-sm;
234
+ }
235
+
236
+ .markdown-body ol {
237
+ list-style-type: decimal;
238
+ }
239
+
240
+ .markdown-body ol ol,
241
+ .markdown-body ul ol {
242
+ list-style-type: lower-roman;
243
+ }
244
+
245
+ .markdown-body ol ol ol,
246
+ .markdown-body ol ul ol,
247
+ .markdown-body ul ol ol,
248
+ .markdown-body ul ul ol {
249
+ list-style-type: lower-alpha;
250
+ }
251
+
252
+ .markdown-body dd {
253
+ margin-left: 0;
254
+ }
255
+
256
+ .markdown-body pre {
257
+ margin-top: 0;
258
+ margin-bottom: 0;
259
+ }
260
+
261
+ .markdown-body input::-webkit-inner-spin-button,
262
+ .markdown-body input::-webkit-outer-spin-button {
263
+ margin: 0;
264
+ -webkit-appearance: none;
265
+ appearance: none;
266
+ }
267
+
268
+ .markdown-body :checked + .radio-label {
269
+ position: relative;
270
+ z-index: 1;
271
+ border-color: #0366d6;
272
+ }
273
+
274
+ .markdown-body .border {
275
+ border: 1px solid #e1e4e8 !important;
276
+ }
277
+
278
+ .markdown-body .border-0 {
279
+ border: 0 !important;
280
+ }
281
+
282
+ .markdown-body .border-bottom {
283
+ border-bottom: 1px solid #e1e4e8 !important;
284
+ }
285
+
286
+ .markdown-body .rounded-1 {
287
+ border-radius: 3px !important;
288
+ }
289
+
290
+ .markdown-body .bg-white {
291
+ background-color: #fff !important;
292
+ }
293
+
294
+ .markdown-body .bg-gray-light {
295
+ background-color: #fafbfc !important;
296
+ }
297
+
298
+ .markdown-body .text-gray-light {
299
+ color: #6a737d !important;
300
+ }
301
+
302
+ .markdown-body .mb-0 {
303
+ margin-bottom: 0 !important;
304
+ }
305
+
306
+ .markdown-body .my-2 {
307
+ margin-top: 8px !important;
308
+ margin-bottom: 8px !important;
309
+ }
310
+
311
+ .markdown-body .pl-0 {
312
+ padding-left: 0 !important;
313
+ }
314
+
315
+ .markdown-body .py-0 {
316
+ padding-top: 0 !important;
317
+ padding-bottom: 0 !important;
318
+ }
319
+
320
+ .markdown-body .pl-1 {
321
+ padding-left: 4px !important;
322
+ }
323
+
324
+ .markdown-body .pl-2 {
325
+ padding-left: 8px !important;
326
+ }
327
+
328
+ .markdown-body .py-2 {
329
+ padding-top: 8px !important;
330
+ padding-bottom: 8px !important;
331
+ }
332
+
333
+ .markdown-body .pl-3,
334
+ .markdown-body .px-3 {
335
+ padding-left: 16px !important;
336
+ }
337
+
338
+ .markdown-body .px-3 {
339
+ padding-right: 16px !important;
340
+ }
341
+
342
+ .markdown-body .pl-4 {
343
+ padding-left: 24px !important;
344
+ }
345
+
346
+ .markdown-body .pl-5 {
347
+ padding-left: 32px !important;
348
+ }
349
+
350
+ .markdown-body .pl-6 {
351
+ padding-left: 40px !important;
352
+ }
353
+
354
+ .markdown-body .f6 {
355
+ font-size: 12px !important;
356
+ }
357
+
358
+ .markdown-body .lh-condensed {
359
+ line-height: 1.25 !important;
360
+ }
361
+
362
+ .markdown-body .text-bold {
363
+ font-weight: 600 !important;
364
+ }
365
+
366
+ .markdown-body .pl-c {
367
+ color: #6a737d;
368
+ }
369
+
370
+ .markdown-body .pl-c1,
371
+ .markdown-body .pl-s .pl-v {
372
+ color: #005cc5;
373
+ }
374
+
375
+ .markdown-body .pl-e,
376
+ .markdown-body .pl-en {
377
+ color: #6f42c1;
378
+ }
379
+
380
+ .markdown-body .pl-s .pl-s1,
381
+ .markdown-body .pl-smi {
382
+ color: #24292e;
383
+ }
384
+
385
+ .markdown-body .pl-ent {
386
+ color: #22863a;
387
+ }
388
+
389
+ .markdown-body .pl-k {
390
+ color: #d73a49;
391
+ }
392
+
393
+ .markdown-body .pl-pds,
394
+ .markdown-body .pl-s,
395
+ .markdown-body .pl-s .pl-pse .pl-s1,
396
+ .markdown-body .pl-sr,
397
+ .markdown-body .pl-sr .pl-cce,
398
+ .markdown-body .pl-sr .pl-sra,
399
+ .markdown-body .pl-sr .pl-sre {
400
+ color: #032f62;
401
+ }
402
+
403
+ .markdown-body .pl-smw,
404
+ .markdown-body .pl-v {
405
+ color: #e36209;
406
+ }
407
+
408
+ .markdown-body .pl-bu {
409
+ color: #b31d28;
410
+ }
411
+
412
+ .markdown-body .pl-ii {
413
+ color: #fafbfc;
414
+ background-color: #b31d28;
415
+ }
416
+
417
+ .markdown-body .pl-c2 {
418
+ color: #fafbfc;
419
+ background-color: #d73a49;
420
+ }
421
+
422
+ .markdown-body .pl-c2:before {
423
+ content: '^M';
424
+ }
425
+
426
+ .markdown-body .pl-sr .pl-cce {
427
+ font-weight: 700;
428
+ color: #22863a;
429
+ }
430
+
431
+ .markdown-body .pl-ml {
432
+ color: #735c0f;
433
+ }
434
+
435
+ .markdown-body .pl-mh,
436
+ .markdown-body .pl-mh .pl-en,
437
+ .markdown-body .pl-ms {
438
+ font-weight: 700;
439
+ color: #005cc5;
440
+ }
441
+
442
+ .markdown-body .pl-mi {
443
+ font-style: italic;
444
+ color: #24292e;
445
+ }
446
+
447
+ .markdown-body .pl-mb {
448
+ font-weight: 700;
449
+ color: #24292e;
450
+ }
451
+
452
+ .markdown-body .pl-md {
453
+ color: #b31d28;
454
+ background-color: #ffeef0;
455
+ }
456
+
457
+ .markdown-body .pl-mi1 {
458
+ color: #22863a;
459
+ background-color: #f0fff4;
460
+ }
461
+
462
+ .markdown-body .pl-mc {
463
+ color: #e36209;
464
+ background-color: #ffebda;
465
+ }
466
+
467
+ .markdown-body .pl-mi2 {
468
+ color: #f6f8fa;
469
+ background-color: #005cc5;
470
+ }
471
+
472
+ .markdown-body .pl-mdr {
473
+ font-weight: 700;
474
+ color: #6f42c1;
475
+ }
476
+
477
+ .markdown-body .pl-ba {
478
+ color: #586069;
479
+ }
480
+
481
+ .markdown-body .pl-sg {
482
+ color: #959da5;
483
+ }
484
+
485
+ .markdown-body .pl-corl {
486
+ text-decoration: underline;
487
+ color: #032f62;
488
+ }
489
+
490
+ .markdown-body .mb-0 {
491
+ margin-bottom: 0 !important;
492
+ }
493
+
494
+ .markdown-body .my-2 {
495
+ margin-bottom: 8px !important;
496
+ }
497
+
498
+ .markdown-body .my-2 {
499
+ margin-top: 8px !important;
500
+ }
501
+
502
+ .markdown-body .pl-0 {
503
+ padding-left: 0 !important;
504
+ }
505
+
506
+ .markdown-body .py-0 {
507
+ padding-top: 0 !important;
508
+ padding-bottom: 0 !important;
509
+ }
510
+
511
+ .markdown-body .pl-1 {
512
+ padding-left: 4px !important;
513
+ }
514
+
515
+ .markdown-body .pl-2 {
516
+ padding-left: 8px !important;
517
+ }
518
+
519
+ .markdown-body .py-2 {
520
+ padding-top: 8px !important;
521
+ padding-bottom: 8px !important;
522
+ }
523
+
524
+ .markdown-body .pl-3 {
525
+ padding-left: 16px !important;
526
+ }
527
+
528
+ .markdown-body .pl-4 {
529
+ padding-left: 24px !important;
530
+ }
531
+
532
+ .markdown-body .pl-5 {
533
+ padding-left: 32px !important;
534
+ }
535
+
536
+ .markdown-body .pl-6 {
537
+ padding-left: 40px !important;
538
+ }
539
+
540
+ .markdown-body .pl-7 {
541
+ padding-left: 48px !important;
542
+ }
543
+
544
+ .markdown-body .pl-8 {
545
+ padding-left: 64px !important;
546
+ }
547
+
548
+ .markdown-body .pl-9 {
549
+ padding-left: 80px !important;
550
+ }
551
+
552
+ .markdown-body .pl-10 {
553
+ padding-left: 96px !important;
554
+ }
555
+
556
+ .markdown-body .pl-11 {
557
+ padding-left: 112px !important;
558
+ }
559
+
560
+ .markdown-body .pl-12 {
561
+ padding-left: 128px !important;
562
+ }
563
+
564
+ .markdown-body hr {
565
+ border-bottom-color: #eee;
566
+ }
567
+
568
+ .markdown-body kbd {
569
+ display: inline-block;
570
+ padding: 3px 5px;
571
+ /* font: 11px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace; */
572
+ line-height: 10px;
573
+ color: #444d56;
574
+ vertical-align: middle;
575
+ background-color: #fafbfc;
576
+ border: 1px solid #d1d5da;
577
+ border-radius: 3px;
578
+ box-shadow: inset 0 -1px 0 #d1d5da;
579
+ }
580
+
581
+ .markdown-body:after,
582
+ .markdown-body:before {
583
+ display: table;
584
+ content: '';
585
+ }
586
+
587
+ .markdown-body:after {
588
+ clear: both;
589
+ }
590
+
591
+ .markdown-body > :first-child {
592
+ margin-top: 0 !important;
593
+ }
594
+
595
+ .markdown-body > :last-child {
596
+ margin-bottom: 0 !important;
597
+ }
598
+
599
+ .markdown-body a:not([href]) {
600
+ color: inherit;
601
+ text-decoration: none;
602
+ }
603
+
604
+ .markdown-body blockquote,
605
+ .markdown-body details,
606
+ .markdown-body dl,
607
+ .markdown-body ol,
608
+ .markdown-body p,
609
+ .markdown-body pre,
610
+ .markdown-body table,
611
+ .markdown-body ul {
612
+ margin-top: 0;
613
+ margin-bottom: 16px;
614
+ }
615
+
616
+ .markdown-body hr {
617
+ height: 0.25em;
618
+ padding: 0;
619
+ margin: 24px 0;
620
+ background-color: #e1e4e8;
621
+ border: 0;
622
+ }
623
+
624
+ .markdown-body blockquote {
625
+ padding: 0 1em;
626
+ color: #6a737d;
627
+ border-left: 0.25em solid #dfe2e5;
628
+ }
629
+
630
+ .markdown-body blockquote > :first-child {
631
+ margin-top: 0;
632
+ }
633
+
634
+ .markdown-body blockquote > :last-child {
635
+ margin-bottom: 0;
636
+ }
637
+
638
+ .markdown-body h1,
639
+ .markdown-body h2,
640
+ .markdown-body h3,
641
+ .markdown-body h4,
642
+ .markdown-body h5,
643
+ .markdown-body h6 {
644
+ margin-top: 24px;
645
+ margin-bottom: 16px;
646
+ /* font-weight: 600; */
647
+ /* line-height: 1.25; */
648
+ }
649
+
650
+ .markdown-body h1,
651
+ .markdown-body h2 {
652
+ /* padding-bottom: 0.3em; */
653
+ @apply border-b border-neutral-subtle mt-16;
654
+ /* border-bottom: 1px solid #eaecef; */
655
+ }
656
+
657
+ .markdown-body h1 {
658
+ @apply text-3xl;
659
+ }
660
+
661
+ .markdown-body h2 {
662
+ @apply text-2xl;
663
+ /* font-size: 1.5em; */
664
+ }
665
+
666
+ .markdown-body h3 {
667
+ font-size: 1.25em;
668
+ }
669
+
670
+ .markdown-body h4 {
671
+ font-size: 1em;
672
+ }
673
+
674
+ .markdown-body h5 {
675
+ font-size: 0.875em;
676
+ }
677
+
678
+ .markdown-body h6 {
679
+ font-size: 0.85em;
680
+ @apply text-neutral;
681
+ /* color: #6a737d; */
682
+ }
683
+
684
+ .markdown-body ol,
685
+ .markdown-body ul {
686
+ padding-left: 2em;
687
+ }
688
+
689
+ .markdown-body ol ol,
690
+ .markdown-body ol ul,
691
+ .markdown-body ul ol,
692
+ .markdown-body ul ul {
693
+ margin-top: 0;
694
+ margin-bottom: 0;
695
+ }
696
+
697
+ .markdown-body li {
698
+ word-wrap: break-all;
699
+ }
700
+
701
+ .markdown-body li > p {
702
+ margin-top: 16px;
703
+ }
704
+
705
+ .markdown-body li + li {
706
+ margin-top: 0.25em;
707
+ }
708
+
709
+ .markdown-body dl {
710
+ padding: 0;
711
+ }
712
+
713
+ .markdown-body dl dt {
714
+ padding: 0;
715
+ margin-top: 16px;
716
+ font-size: 1em;
717
+ font-style: italic;
718
+ font-weight: 600;
719
+ }
720
+
721
+ .markdown-body dl dd {
722
+ padding: 0 16px;
723
+ margin-bottom: 16px;
724
+ }
725
+
726
+ .markdown-body table {
727
+ display: block;
728
+ width: 100%;
729
+ overflow: auto;
730
+ }
731
+
732
+ .markdown-body table th {
733
+ font-weight: 600;
734
+ }
735
+
736
+ .markdown-body table td,
737
+ .markdown-body table th {
738
+ padding: 6px 13px;
739
+ /* border: 1px solid #dfe2e5; */
740
+ @apply border border-neutral-base;
741
+ }
742
+
743
+ .markdown-body table tr {
744
+ /* background-color: #fff; */
745
+ @apply border-t border-neutral-subtle;
746
+ /* border-top: 1px solid #c6cbd1; */
747
+ }
748
+
749
+ .markdown-body table tr:nth-child(2n) {
750
+ @apply bg-neutral-zebra;
751
+ /* background-color: #f6f8fa; */
752
+ }
753
+
754
+ .markdown-body img {
755
+ max-width: 100%;
756
+ box-sizing: initial;
757
+ /* background-color: #fff; */
758
+ }
759
+
760
+ .markdown-body img[align='right'] {
761
+ padding-left: 20px;
762
+ }
763
+
764
+ .markdown-body img[align='left'] {
765
+ padding-right: 20px;
766
+ }
767
+
768
+ .markdown-body code {
769
+ padding: 0.2em;
770
+ margin: 0;
771
+ @apply rounded-sm;
772
+ }
773
+
774
+ .markdown-body pre {
775
+ word-wrap: normal;
776
+ @apply rounded-sm border border-neutral-subtle;
777
+ }
778
+
779
+ .markdown-body pre > code {
780
+ padding: 0;
781
+ margin: 0;
782
+ font-size: 100%;
783
+ word-break: normal;
784
+ white-space: pre;
785
+ background: transparent;
786
+ border: 0;
787
+ }
788
+
789
+ .markdown-body .highlight {
790
+ margin-bottom: 16px;
791
+ }
792
+
793
+ .markdown-body .highlight pre {
794
+ margin-bottom: 0;
795
+ word-break: normal;
796
+ }
797
+
798
+ .markdown-body .highlight pre,
799
+ .markdown-body pre {
800
+ padding: 16px;
801
+ overflow: auto;
802
+ }
803
+
804
+ .markdown-body pre code {
805
+ display: inline;
806
+ max-width: auto;
807
+ padding: 0;
808
+ margin: 0;
809
+ overflow: visible;
810
+ line-height: inherit;
811
+ word-wrap: normal;
812
+ border: 0;
813
+ }
814
+
815
+ .markdown-body .commit-tease-sha {
816
+ display: inline-block;
817
+ font-size: 90%;
818
+ color: #444d56;
819
+ }
820
+
821
+ .markdown-body .full-commit .btn-outline:not(:disabled):hover {
822
+ color: #005cc5;
823
+ border-color: #005cc5;
824
+ }
825
+
826
+ .markdown-body .blob-wrapper {
827
+ overflow-x: auto;
828
+ overflow-y: hidden;
829
+ }
830
+
831
+ .markdown-body .blob-wrapper-embedded {
832
+ max-height: 240px;
833
+ overflow-y: auto;
834
+ }
835
+
836
+ .markdown-body .blob-num {
837
+ width: 1%;
838
+ min-width: 50px;
839
+ padding-right: 10px;
840
+ padding-left: 10px;
841
+ font-size: 12px;
842
+ line-height: 20px;
843
+ color: rgba(27, 31, 35, 0.3);
844
+ text-align: right;
845
+ white-space: nowrap;
846
+ vertical-align: top;
847
+ cursor: pointer;
848
+ -webkit-user-select: none;
849
+ -moz-user-select: none;
850
+ -ms-user-select: none;
851
+ user-select: none;
852
+ }
853
+
854
+ .markdown-body .blob-num:hover {
855
+ color: rgba(27, 31, 35, 0.6);
856
+ }
857
+
858
+ .markdown-body .blob-num:before {
859
+ content: attr(data-line-number);
860
+ }
861
+
862
+ .markdown-body .blob-code {
863
+ position: relative;
864
+ padding-right: 10px;
865
+ padding-left: 10px;
866
+ line-height: 20px;
867
+ vertical-align: top;
868
+ }
869
+
870
+ .markdown-body .blob-code-inner {
871
+ overflow: visible;
872
+ font-size: 12px;
873
+ color: #24292e;
874
+ word-wrap: normal;
875
+ white-space: pre;
876
+ }
877
+
878
+ .markdown-body .pl-token.active,
879
+ .markdown-body .pl-token:hover {
880
+ cursor: pointer;
881
+ background: #ffea7f;
882
+ }
883
+
884
+ .markdown-body .tab-size[data-tab-size='1'] {
885
+ -moz-tab-size: 1;
886
+ tab-size: 1;
887
+ }
888
+
889
+ .markdown-body .tab-size[data-tab-size='2'] {
890
+ -moz-tab-size: 2;
891
+ tab-size: 2;
892
+ }
893
+
894
+ .markdown-body .tab-size[data-tab-size='3'] {
895
+ -moz-tab-size: 3;
896
+ tab-size: 3;
897
+ }
898
+
899
+ .markdown-body .tab-size[data-tab-size='4'] {
900
+ -moz-tab-size: 4;
901
+ tab-size: 4;
902
+ }
903
+
904
+ .markdown-body .tab-size[data-tab-size='5'] {
905
+ -moz-tab-size: 5;
906
+ tab-size: 5;
907
+ }
908
+
909
+ .markdown-body .tab-size[data-tab-size='6'] {
910
+ -moz-tab-size: 6;
911
+ tab-size: 6;
912
+ }
913
+
914
+ .markdown-body .tab-size[data-tab-size='7'] {
915
+ -moz-tab-size: 7;
916
+ tab-size: 7;
917
+ }
918
+
919
+ .markdown-body .tab-size[data-tab-size='8'] {
920
+ -moz-tab-size: 8;
921
+ tab-size: 8;
922
+ }
923
+
924
+ .markdown-body .tab-size[data-tab-size='9'] {
925
+ -moz-tab-size: 9;
926
+ tab-size: 9;
927
+ }
928
+
929
+ .markdown-body .tab-size[data-tab-size='10'] {
930
+ -moz-tab-size: 10;
931
+ tab-size: 10;
932
+ }
933
+
934
+ .markdown-body .tab-size[data-tab-size='11'] {
935
+ -moz-tab-size: 11;
936
+ tab-size: 11;
937
+ }
938
+
939
+ .markdown-body .tab-size[data-tab-size='12'] {
940
+ -moz-tab-size: 12;
941
+ tab-size: 12;
942
+ }
943
+
944
+ .markdown-body .task-list-item {
945
+ list-style-type: none;
946
+ }
947
+
948
+ .markdown-body .task-list-item + .task-list-item {
949
+ margin-top: 3px;
950
+ }
951
+
952
+ .markdown-body .task-list-item input {
953
+ margin: 0 0.2em 0.25em -1.6em;
954
+ vertical-align: middle;
955
+ }