@hackersheet/react-document-content-styles 0.1.0-alpha.8 → 0.1.0-alpha.9

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.
@@ -1,1437 +1,4 @@
1
1
  @charset "UTF-8";
2
- .main :global .gist {
3
- /*!
4
- * GitHub Light v0.4.1
5
- * Copyright (c) 2012 - 2017 GitHub, Inc.
6
- * Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE)
7
- */
8
- font-size: 16px;
9
- color: #333;
10
- text-align: left;
11
- direction: ltr;
12
- }
13
- .main :global .gist .markdown-body {
14
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
15
- font-size: 16px;
16
- line-height: 1.5;
17
- word-wrap: break-word;
18
- }
19
- .main :global .gist .markdown-body::before {
20
- display: table;
21
- content: "";
22
- }
23
- .main :global .gist .markdown-body::after {
24
- display: table;
25
- clear: both;
26
- content: "";
27
- }
28
- .main :global .gist .markdown-body > *:first-child {
29
- margin-top: 0 !important;
30
- }
31
- .main :global .gist .markdown-body > *:last-child {
32
- margin-bottom: 0 !important;
33
- }
34
- .main :global .gist .markdown-body a:not([href]) {
35
- color: inherit;
36
- text-decoration: none;
37
- }
38
- .main :global .gist .markdown-body .absent {
39
- color: var(--fgColor-danger, var(--color-danger-fg));
40
- }
41
- .main :global .gist .markdown-body .anchor {
42
- float: left;
43
- padding-right: var(--base-size-4);
44
- margin-left: -20px;
45
- line-height: 1;
46
- }
47
- .main :global .gist .markdown-body .anchor:focus {
48
- outline: none;
49
- }
50
- .main :global .gist .markdown-body p,
51
- .main :global .gist .markdown-body blockquote,
52
- .main :global .gist .markdown-body ul,
53
- .main :global .gist .markdown-body ol,
54
- .main :global .gist .markdown-body dl,
55
- .main :global .gist .markdown-body table,
56
- .main :global .gist .markdown-body pre,
57
- .main :global .gist .markdown-body details {
58
- margin-top: 0;
59
- margin-bottom: var(--base-size-16);
60
- }
61
- .main :global .gist .markdown-body hr {
62
- height: 0.25em;
63
- padding: 0;
64
- margin: var(--base-size-24) 0;
65
- background-color: var(--borderColor-default, var(--color-border-default));
66
- border: 0;
67
- }
68
- .main :global .gist .markdown-body blockquote {
69
- padding: 0 1em;
70
- color: var(--fgColor-muted, var(--color-fg-muted));
71
- border-left: 0.25em solid var(--borderColor-default, var(--color-border-default));
72
- }
73
- .main :global .gist .markdown-body blockquote > :first-child {
74
- margin-top: 0;
75
- }
76
- .main :global .gist .markdown-body blockquote > :last-child {
77
- margin-bottom: 0;
78
- }
79
- .main :global .gist .markdown-body h1,
80
- .main :global .gist .markdown-body h2,
81
- .main :global .gist .markdown-body h3,
82
- .main :global .gist .markdown-body h4,
83
- .main :global .gist .markdown-body h5,
84
- .main :global .gist .markdown-body h6 {
85
- margin-top: var(--base-size-24);
86
- margin-bottom: var(--base-size-16);
87
- font-weight: var(--base-text-weight-semibold, 600);
88
- line-height: 1.25;
89
- }
90
- .main :global .gist .markdown-body h1 .octicon-link,
91
- .main :global .gist .markdown-body h2 .octicon-link,
92
- .main :global .gist .markdown-body h3 .octicon-link,
93
- .main :global .gist .markdown-body h4 .octicon-link,
94
- .main :global .gist .markdown-body h5 .octicon-link,
95
- .main :global .gist .markdown-body h6 .octicon-link {
96
- color: var(--fgColor-default, var(--color-fg-default));
97
- vertical-align: middle;
98
- visibility: hidden;
99
- }
100
- .main :global .gist .markdown-body h1:hover .anchor,
101
- .main :global .gist .markdown-body h2:hover .anchor,
102
- .main :global .gist .markdown-body h3:hover .anchor,
103
- .main :global .gist .markdown-body h4:hover .anchor,
104
- .main :global .gist .markdown-body h5:hover .anchor,
105
- .main :global .gist .markdown-body h6:hover .anchor {
106
- text-decoration: none;
107
- }
108
- .main :global .gist .markdown-body h1:hover .anchor .octicon-link,
109
- .main :global .gist .markdown-body h2:hover .anchor .octicon-link,
110
- .main :global .gist .markdown-body h3:hover .anchor .octicon-link,
111
- .main :global .gist .markdown-body h4:hover .anchor .octicon-link,
112
- .main :global .gist .markdown-body h5:hover .anchor .octicon-link,
113
- .main :global .gist .markdown-body h6:hover .anchor .octicon-link {
114
- visibility: visible;
115
- }
116
- .main :global .gist .markdown-body h1 tt,
117
- .main :global .gist .markdown-body h1 code,
118
- .main :global .gist .markdown-body h2 tt,
119
- .main :global .gist .markdown-body h2 code,
120
- .main :global .gist .markdown-body h3 tt,
121
- .main :global .gist .markdown-body h3 code,
122
- .main :global .gist .markdown-body h4 tt,
123
- .main :global .gist .markdown-body h4 code,
124
- .main :global .gist .markdown-body h5 tt,
125
- .main :global .gist .markdown-body h5 code,
126
- .main :global .gist .markdown-body h6 tt,
127
- .main :global .gist .markdown-body h6 code {
128
- padding: 0 0.2em;
129
- font-size: inherit;
130
- }
131
- .main :global .gist .markdown-body h1 {
132
- padding-bottom: 0.3em;
133
- font-size: 2em;
134
- border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted));
135
- }
136
- .main :global .gist .markdown-body h2 {
137
- padding-bottom: 0.3em;
138
- font-size: 1.5em;
139
- border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted));
140
- }
141
- .main :global .gist .markdown-body h3 {
142
- font-size: 1.25em;
143
- }
144
- .main :global .gist .markdown-body h4 {
145
- font-size: 1em;
146
- }
147
- .main :global .gist .markdown-body h5 {
148
- font-size: 0.875em;
149
- }
150
- .main :global .gist .markdown-body h6 {
151
- font-size: 0.85em;
152
- color: var(--fgColor-muted, var(--color-fg-muted));
153
- }
154
- .main :global .gist .markdown-body summary h1,
155
- .main :global .gist .markdown-body summary h2,
156
- .main :global .gist .markdown-body summary h3,
157
- .main :global .gist .markdown-body summary h4,
158
- .main :global .gist .markdown-body summary h5,
159
- .main :global .gist .markdown-body summary h6 {
160
- display: inline-block;
161
- }
162
- .main :global .gist .markdown-body summary h1 .anchor,
163
- .main :global .gist .markdown-body summary h2 .anchor,
164
- .main :global .gist .markdown-body summary h3 .anchor,
165
- .main :global .gist .markdown-body summary h4 .anchor,
166
- .main :global .gist .markdown-body summary h5 .anchor,
167
- .main :global .gist .markdown-body summary h6 .anchor {
168
- margin-left: -40px;
169
- }
170
- .main :global .gist .markdown-body summary h1,
171
- .main :global .gist .markdown-body summary h2 {
172
- padding-bottom: 0;
173
- border-bottom: 0;
174
- }
175
- .main :global .gist .markdown-body ul,
176
- .main :global .gist .markdown-body ol {
177
- padding-left: 2em;
178
- }
179
- .main :global .gist .markdown-body ul.no-list,
180
- .main :global .gist .markdown-body ol.no-list {
181
- padding: 0;
182
- list-style-type: none;
183
- }
184
- .main :global .gist .markdown-body ol[type="a s"] {
185
- list-style-type: lower-alpha;
186
- }
187
- .main :global .gist .markdown-body ol[type="A s"] {
188
- list-style-type: upper-alpha;
189
- }
190
- .main :global .gist .markdown-body ol[type="i s"] {
191
- list-style-type: lower-roman;
192
- }
193
- .main :global .gist .markdown-body ol[type="I s"] {
194
- list-style-type: upper-roman;
195
- }
196
- .main :global .gist .markdown-body ol[type="1"] {
197
- list-style-type: decimal;
198
- }
199
- .main :global .gist .markdown-body div > ol:not([type]) {
200
- list-style-type: decimal;
201
- }
202
- .main :global .gist .markdown-body ul ul,
203
- .main :global .gist .markdown-body ul ol,
204
- .main :global .gist .markdown-body ol ol,
205
- .main :global .gist .markdown-body ol ul {
206
- margin-top: 0;
207
- margin-bottom: 0;
208
- }
209
- .main :global .gist .markdown-body li > p {
210
- margin-top: var(--base-size-16);
211
- }
212
- .main :global .gist .markdown-body li + li {
213
- margin-top: 0.25em;
214
- }
215
- .main :global .gist .markdown-body dl {
216
- padding: 0;
217
- }
218
- .main :global .gist .markdown-body dl dt {
219
- padding: 0;
220
- margin-top: var(--base-size-16);
221
- font-size: 1em;
222
- font-style: italic;
223
- font-weight: var(--base-text-weight-semibold, 600);
224
- }
225
- .main :global .gist .markdown-body dl dd {
226
- padding: 0 var(--base-size-16);
227
- margin-bottom: var(--base-size-16);
228
- }
229
- .main :global .gist .markdown-body table {
230
- display: block;
231
- width: 100%;
232
- width: max-content;
233
- max-width: 100%;
234
- overflow: auto;
235
- }
236
- .main :global .gist .markdown-body table th {
237
- font-weight: var(--base-text-weight-semibold, 600);
238
- }
239
- .main :global .gist .markdown-body table th,
240
- .main :global .gist .markdown-body table td {
241
- padding: 6px 13px;
242
- border: 1px solid var(--borderColor-default, var(--color-border-default));
243
- }
244
- .main :global .gist .markdown-body table td > :last-child {
245
- margin-bottom: 0;
246
- }
247
- .main :global .gist .markdown-body table tr {
248
- background-color: var(--bgColor-default, var(--color-canvas-default));
249
- border-top: 1px solid var(--borderColor-muted, var(--color-border-muted));
250
- }
251
- .main :global .gist .markdown-body table tr:nth-child(2n) {
252
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
253
- }
254
- .main :global .gist .markdown-body table img {
255
- background-color: transparent;
256
- }
257
- .main :global .gist .markdown-body img {
258
- max-width: 100%;
259
- box-sizing: content-box;
260
- background-color: var(--bgColor-default, var(--color-canvas-default));
261
- }
262
- .main :global .gist .markdown-body img[align=right] {
263
- padding-left: 20px;
264
- }
265
- .main :global .gist .markdown-body img[align=left] {
266
- padding-right: 20px;
267
- }
268
- .main :global .gist .markdown-body .emoji {
269
- max-width: none;
270
- vertical-align: text-top;
271
- background-color: transparent;
272
- }
273
- .main :global .gist .markdown-body span.frame {
274
- display: block;
275
- overflow: hidden;
276
- }
277
- .main :global .gist .markdown-body span.frame > span {
278
- display: block;
279
- float: left;
280
- width: auto;
281
- padding: 7px;
282
- margin: 13px 0 0;
283
- overflow: hidden;
284
- border: 1px solid var(--borderColor-default, var(--color-border-default));
285
- }
286
- .main :global .gist .markdown-body span.frame span img {
287
- display: block;
288
- float: left;
289
- }
290
- .main :global .gist .markdown-body span.frame span span {
291
- display: block;
292
- padding: 5px 0 0;
293
- clear: both;
294
- color: var(--fgColor-default, var(--color-fg-default));
295
- }
296
- .main :global .gist .markdown-body span.align-center {
297
- display: block;
298
- overflow: hidden;
299
- clear: both;
300
- }
301
- .main :global .gist .markdown-body span.align-center > span {
302
- display: block;
303
- margin: 13px auto 0;
304
- overflow: hidden;
305
- text-align: center;
306
- }
307
- .main :global .gist .markdown-body span.align-center span img {
308
- margin: 0 auto;
309
- text-align: center;
310
- }
311
- .main :global .gist .markdown-body span.align-right {
312
- display: block;
313
- overflow: hidden;
314
- clear: both;
315
- }
316
- .main :global .gist .markdown-body span.align-right > span {
317
- display: block;
318
- margin: 13px 0 0;
319
- overflow: hidden;
320
- text-align: right;
321
- }
322
- .main :global .gist .markdown-body span.align-right span img {
323
- margin: 0;
324
- text-align: right;
325
- }
326
- .main :global .gist .markdown-body span.float-left {
327
- display: block;
328
- float: left;
329
- margin-right: 13px;
330
- overflow: hidden;
331
- }
332
- .main :global .gist .markdown-body span.float-left span {
333
- margin: 13px 0 0;
334
- }
335
- .main :global .gist .markdown-body span.float-right {
336
- display: block;
337
- float: right;
338
- margin-left: 13px;
339
- overflow: hidden;
340
- }
341
- .main :global .gist .markdown-body span.float-right > span {
342
- display: block;
343
- margin: 13px auto 0;
344
- overflow: hidden;
345
- text-align: right;
346
- }
347
- .main :global .gist .markdown-body code,
348
- .main :global .gist .markdown-body tt {
349
- padding: 0.2em 0.4em;
350
- margin: 0;
351
- font-size: 85%;
352
- white-space: break-spaces;
353
- background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted));
354
- border-radius: 6px;
355
- }
356
- .main :global .gist .markdown-body code br,
357
- .main :global .gist .markdown-body tt br {
358
- display: none;
359
- }
360
- .main :global .gist .markdown-body del code {
361
- text-decoration: inherit;
362
- }
363
- .main :global .gist .markdown-body samp {
364
- font-size: 85%;
365
- }
366
- .main :global .gist .markdown-body pre {
367
- word-wrap: normal;
368
- }
369
- .main :global .gist .markdown-body pre code {
370
- font-size: 100%;
371
- }
372
- .main :global .gist .markdown-body pre > code {
373
- padding: 0;
374
- margin: 0;
375
- word-break: normal;
376
- white-space: pre;
377
- background: transparent;
378
- border: 0;
379
- }
380
- .main :global .gist .markdown-body .highlight {
381
- margin-bottom: var(--base-size-16);
382
- }
383
- .main :global .gist .markdown-body .highlight pre {
384
- margin-bottom: 0;
385
- word-break: normal;
386
- }
387
- .main :global .gist .markdown-body .highlight pre,
388
- .main :global .gist .markdown-body pre {
389
- padding: var(--base-size-16);
390
- overflow: auto;
391
- font-size: 85%;
392
- line-height: 1.45;
393
- color: var(--fgColor-default, var(--color-fg-default));
394
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
395
- border-radius: 6px;
396
- }
397
- .main :global .gist .markdown-body pre code,
398
- .main :global .gist .markdown-body pre tt {
399
- display: inline;
400
- max-width: auto;
401
- padding: 0;
402
- margin: 0;
403
- overflow: visible;
404
- line-height: inherit;
405
- word-wrap: normal;
406
- background-color: transparent;
407
- border: 0;
408
- }
409
- .main :global .gist .markdown-body .csv-data td,
410
- .main :global .gist .markdown-body .csv-data th {
411
- padding: 5px;
412
- overflow: hidden;
413
- font-size: 12px;
414
- line-height: 1;
415
- text-align: left;
416
- white-space: nowrap;
417
- }
418
- .main :global .gist .markdown-body .csv-data .blob-num {
419
- padding: 10px var(--base-size-8) 9px;
420
- text-align: right;
421
- background: var(--bgColor-default, var(--color-canvas-default));
422
- border: 0;
423
- }
424
- .main :global .gist .markdown-body .csv-data tr {
425
- border-top: 0;
426
- }
427
- .main :global .gist .markdown-body .csv-data th {
428
- font-weight: var(--base-text-weight-semibold, 600);
429
- background: var(--bgColor-muted, var(--color-canvas-subtle));
430
- border-top: 0;
431
- }
432
- .main :global .gist .markdown-body [data-footnote-ref]::before {
433
- content: "[";
434
- }
435
- .main :global .gist .markdown-body [data-footnote-ref]::after {
436
- content: "]";
437
- }
438
- .main :global .gist .markdown-body .footnotes {
439
- font-size: 12px;
440
- color: var(--fgColor-muted, var(--color-fg-muted));
441
- border-top: 1px solid var(--borderColor-default, var(--color-border-default));
442
- }
443
- .main :global .gist .markdown-body .footnotes ol {
444
- padding-left: var(--base-size-16);
445
- }
446
- .main :global .gist .markdown-body .footnotes ol ul {
447
- display: inline-block;
448
- padding-left: var(--base-size-16);
449
- margin-top: var(--base-size-16);
450
- }
451
- .main :global .gist .markdown-body .footnotes li {
452
- position: relative;
453
- }
454
- .main :global .gist .markdown-body .footnotes li:target::before {
455
- position: absolute;
456
- top: calc(var(--base-size-8) * -1);
457
- right: calc(var(--base-size-8) * -1);
458
- bottom: calc(var(--base-size-8) * -1);
459
- left: calc(var(--base-size-24) * -1);
460
- pointer-events: none;
461
- content: "";
462
- border: 2px solid var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
463
- border-radius: 6px;
464
- }
465
- .main :global .gist .markdown-body .footnotes li:target {
466
- color: var(--fgColor-default, var(--color-fg-default));
467
- }
468
- .main :global .gist .markdown-body .footnotes .data-footnote-backref g-emoji {
469
- font-family: monospace;
470
- }
471
- .main :global .gist .pl-c {
472
- color: #6a737d;
473
- }
474
- .main :global .gist .pl-c1,
475
- .main :global .gist .pl-s .pl-v {
476
- color: #005cc5;
477
- }
478
- .main :global .gist .pl-e,
479
- .main :global .gist .pl-en {
480
- color: #6f42c1;
481
- }
482
- .main :global .gist .pl-smi,
483
- .main :global .gist .pl-s .pl-s1 {
484
- color: #24292e;
485
- }
486
- .main :global .gist .pl-ent {
487
- color: #22863a;
488
- }
489
- .main :global .gist .pl-k {
490
- color: #d73a49;
491
- }
492
- .main :global .gist .pl-s,
493
- .main :global .gist .pl-pds,
494
- .main :global .gist .pl-s .pl-pse .pl-s1,
495
- .main :global .gist .pl-sr,
496
- .main :global .gist .pl-sr .pl-cce,
497
- .main :global .gist .pl-sr .pl-sre,
498
- .main :global .gist .pl-sr .pl-sra {
499
- color: #032f62;
500
- }
501
- .main :global .gist .pl-v,
502
- .main :global .gist .pl-smw {
503
- color: #e36209;
504
- }
505
- .main :global .gist .pl-bu {
506
- color: #b31d28;
507
- }
508
- .main :global .gist .pl-ii {
509
- color: #fafbfc;
510
- background-color: #b31d28;
511
- }
512
- .main :global .gist .pl-c2 {
513
- color: #fafbfc;
514
- background-color: #d73a49;
515
- }
516
- .main :global .gist .pl-c2::before {
517
- content: "^M";
518
- }
519
- .main :global .gist .pl-sr .pl-cce {
520
- font-weight: bold;
521
- color: #22863a;
522
- }
523
- .main :global .gist .pl-ml {
524
- color: #735c0f;
525
- }
526
- .main :global .gist .pl-mh,
527
- .main :global .gist .pl-mh .pl-en,
528
- .main :global .gist .pl-ms {
529
- font-weight: bold;
530
- color: #005cc5;
531
- }
532
- .main :global .gist .pl-mi {
533
- font-style: italic;
534
- color: #24292e;
535
- }
536
- .main :global .gist .pl-mb {
537
- font-weight: bold;
538
- color: #24292e;
539
- }
540
- .main :global .gist .pl-md {
541
- color: #b31d28;
542
- background-color: #ffeef0;
543
- }
544
- .main :global .gist .pl-mi1 {
545
- color: #22863a;
546
- background-color: #f0fff4;
547
- }
548
- .main :global .gist .pl-mc {
549
- color: #e36209;
550
- background-color: #ffebda;
551
- }
552
- .main :global .gist .pl-mi2 {
553
- color: #f6f8fa;
554
- background-color: #005cc5;
555
- }
556
- .main :global .gist .pl-mdr {
557
- font-weight: bold;
558
- color: #6f42c1;
559
- }
560
- .main :global .gist .pl-ba {
561
- color: #586069;
562
- }
563
- .main :global .gist .pl-sg {
564
- color: #959da5;
565
- }
566
- .main :global .gist .pl-corl {
567
- text-decoration: underline;
568
- color: #032f62;
569
- }
570
- .main :global .gist .breadcrumb {
571
- font-size: 16px;
572
- color: var(--fgColor-muted, var(--color-fg-muted));
573
- }
574
- .main :global .gist .breadcrumb .separator {
575
- white-space: pre-wrap;
576
- }
577
- .main :global .gist .breadcrumb .separator::before,
578
- .main :global .gist .breadcrumb .separator::after {
579
- content: " ";
580
- }
581
- .main :global .gist .breadcrumb strong.final-path {
582
- color: var(--fgColor-default, var(--color-fg-default));
583
- }
584
- .main :global .gist .blob-interaction-bar {
585
- position: relative;
586
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
587
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
588
- }
589
- .main :global .gist .blob-interaction-bar::before {
590
- display: table;
591
- content: "";
592
- }
593
- .main :global .gist .blob-interaction-bar::after {
594
- display: table;
595
- clear: both;
596
- content: "";
597
- }
598
- .main :global .gist .blob-interaction-bar .octicon-search {
599
- position: absolute;
600
- top: 6px;
601
- left: 10px;
602
- font-size: 12px;
603
- color: var(--fgColor-muted, var(--color-fg-muted));
604
- }
605
- .main :global .gist .blob-filter {
606
- width: 100%;
607
- padding: var(--base-size-4) var(--base-size-16) var(--base-size-4) var(--base-size-32);
608
- font-size: 12px;
609
- border: 0;
610
- border-radius: 0;
611
- outline: none;
612
- }
613
- .main :global .gist .blob-filter:focus {
614
- outline: none;
615
- }
616
- .main :global .gist .TagsearchPopover {
617
- width: inherit;
618
- max-width: 600px;
619
- }
620
- .main :global .gist .TagsearchPopover-content {
621
- max-height: 300px;
622
- }
623
- .main :global .gist .diff-table .line-alert,
624
- .main :global .gist .blob-code-content .line-alert {
625
- position: absolute;
626
- left: 0;
627
- margin: -2px 2px;
628
- }
629
- .main :global .gist .diff-table .codeowners-error,
630
- .main :global .gist .blob-code-content .codeowners-error {
631
- color: var(--fgColor-danger, var(--color-danger-fg));
632
- }
633
- .main :global .gist .diff-table .error-highlight,
634
- .main :global .gist .blob-code-content .error-highlight {
635
- position: relative;
636
- cursor: help;
637
- font-style: italic;
638
- color: var(--fgColor-danger, var(--color-danger-fg));
639
- }
640
- .main :global .gist .diff-table .error-highlight::before,
641
- .main :global .gist .blob-code-content .error-highlight::before {
642
- position: absolute;
643
- top: 101%;
644
- width: 100%;
645
- height: 0.25em;
646
- content: "";
647
- background: linear-gradient(135deg, transparent, transparent 45%, var(--fgColor-danger, var(--color-danger-fg)), transparent 55%, transparent 100%), linear-gradient(45deg, transparent, transparent 45%, var(--fgColor-danger, var(--color-danger-fg)), transparent 55%, transparent 100%);
648
- background-repeat: repeat-x, repeat-x;
649
- background-size: 0.5em 0.5em;
650
- }
651
- .main :global .gist .blob-code-content .blob-num .line-alert {
652
- margin-top: 1px;
653
- }
654
- .main :global .gist .diff-table .blob-num .line-alert {
655
- margin: 2px -2px;
656
- }
657
- .main :global .gist .csv-data .line-alert {
658
- position: absolute;
659
- margin: 2px var(--base-size-4);
660
- }
661
- .main :global .gist .CopyBlock {
662
- line-height: 20px;
663
- cursor: pointer;
664
- }
665
- .main :global .gist .CopyBlock .octicon-copy {
666
- display: none;
667
- }
668
- .main :global .gist .CopyBlock:hover,
669
- .main :global .gist .CopyBlock:focus,
670
- .main :global .gist .CopyBlock:active {
671
- background-color: var(--bgColor-default, var(--color-canvas-default));
672
- outline: none;
673
- }
674
- .main :global .gist .CopyBlock:hover .octicon-copy,
675
- .main :global .gist .CopyBlock:focus .octicon-copy,
676
- .main :global .gist .CopyBlock:active .octicon-copy {
677
- display: inline-block;
678
- }
679
- .main :global .gist .blob-header.is-stuck {
680
- border-top: 0;
681
- border-top-left-radius: 0;
682
- border-top-right-radius: 0;
683
- }
684
- .main :global .gist .blob-wrapper {
685
- overflow-x: auto;
686
- overflow-y: hidden;
687
- }
688
- .main :global .gist .blob-wrapper table tr:nth-child(2n) {
689
- background-color: transparent;
690
- }
691
- .main :global .gist .page-edit-blob.height-full .CodeMirror {
692
- height: 300px;
693
- }
694
- .main :global .gist .page-edit-blob.height-full .CodeMirror,
695
- .main :global .gist .page-edit-blob.height-full .CodeMirror-scroll {
696
- display: flex;
697
- flex-direction: column;
698
- flex: 1 1 auto;
699
- }
700
- .main :global .gist .blob-wrapper-embedded {
701
- max-height: 240px;
702
- overflow-y: auto;
703
- }
704
- .main :global .gist .diff-table {
705
- width: 100%;
706
- border-collapse: separate;
707
- }
708
- .main :global .gist .diff-table .blob-code.blob-code-inner {
709
- padding-left: 22px;
710
- }
711
- .main :global .gist .diff-table .line-comments {
712
- padding: 10px;
713
- vertical-align: top;
714
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
715
- }
716
- .main :global .gist .diff-table .line-comments:first-child + .empty-cell {
717
- border-left-width: var(--borderWidth-thin);
718
- }
719
- .main :global .gist .diff-table tr:not(:last-child) .line-comments {
720
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
721
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
722
- }
723
- .main :global .gist .diff-view .blob-code-marker-context::before,
724
- .main :global .gist .diff-view .blob-code-marker-injected_context::before,
725
- .main :global .gist .diff-view .blob-code-marker-addition::before,
726
- .main :global .gist .diff-view .blob-code-marker-deletion::before {
727
- top: var(--base-size-4);
728
- }
729
- .main :global .gist .diff-view .line-alert,
730
- .main :global .gist .diff-table .line-alert {
731
- position: absolute;
732
- left: -60px;
733
- margin: 2px;
734
- }
735
- .main :global .gist .comment-body .diff-view .line-alert {
736
- left: 0;
737
- }
738
- .main :global .gist .blob-num {
739
- position: relative;
740
- width: 1%;
741
- min-width: 50px;
742
- padding-right: 10px;
743
- padding-left: 10px;
744
- font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
745
- font-size: 12px;
746
- line-height: 20px;
747
- color: var(--fgColor-muted, var(--color-fg-subtle));
748
- text-align: right;
749
- white-space: nowrap;
750
- vertical-align: top;
751
- cursor: pointer;
752
- -webkit-user-select: none;
753
- user-select: none;
754
- }
755
- .main :global .gist .blob-num:hover {
756
- color: var(--fgColor-default, var(--color-fg-default));
757
- }
758
- .main :global .gist .blob-num::before {
759
- content: attr(data-line-number);
760
- }
761
- .main :global .gist .blob-num.non-expandable {
762
- cursor: default;
763
- }
764
- .main :global .gist .blob-num.non-expandable:hover {
765
- color: var(--fgColor-muted, var(--color-fg-subtle));
766
- }
767
- .main :global .gist .blob-num-hidden::before {
768
- visibility: hidden;
769
- }
770
- .main :global .gist .blob-code {
771
- position: relative;
772
- padding-right: 10px;
773
- padding-left: 10px;
774
- line-height: 20px;
775
- vertical-align: top;
776
- }
777
- .main :global .gist .copilot-chat-enabled .blob-code {
778
- padding-right: 54px;
779
- }
780
- .main :global .gist .blob-code-inner {
781
- display: table-cell;
782
- overflow: visible;
783
- font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
784
- font-size: 12px;
785
- color: var(--fgColor-default, var(--color-fg-default));
786
- word-wrap: anywhere;
787
- white-space: pre;
788
- }
789
- .main :global .gist .blob-code-inner .x-first {
790
- border-top-left-radius: 0.2em;
791
- border-bottom-left-radius: 0.2em;
792
- }
793
- .main :global .gist .blob-code-inner .x-last {
794
- border-top-right-radius: 0.2em;
795
- border-bottom-right-radius: 0.2em;
796
- }
797
- .main :global .gist .blob-code-inner.highlighted,
798
- .main :global .gist .blob-code-inner .highlighted {
799
- background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
800
- box-shadow: inset 2px 0 0 var(--borderColor-attention-muted, var(--color-attention-muted));
801
- }
802
- .main :global .gist .blob-code-inner::selection,
803
- .main :global .gist .blob-code-inner *::selection {
804
- background-color: var(--selection-bgColor, var(--color-accent-muted));
805
- }
806
- .main :global .gist .js-blob-wrapper .blob-code-inner {
807
- white-space: pre-wrap;
808
- }
809
- .main :global .gist .blob-code-inner.blob-code-addition,
810
- .main :global .gist .blob-code-inner.blob-code-deletion {
811
- position: relative;
812
- padding-left: 22px !important;
813
- }
814
- .main :global .gist .blob-code-marker::before {
815
- position: absolute;
816
- top: 1px;
817
- left: var(--base-size-8);
818
- padding-right: var(--base-size-8);
819
- content: attr(data-code-marker);
820
- }
821
- .main :global .gist .blob-code-context,
822
- .main :global .gist .blob-code-addition,
823
- .main :global .gist .blob-code-deletion {
824
- padding-left: 22px;
825
- }
826
- .main :global .gist .blob-code-marker-addition::before {
827
- position: absolute;
828
- top: 1px;
829
- left: var(--base-size-8);
830
- content: "+ ";
831
- }
832
- .main :global .gist .blob-code-marker-deletion::before {
833
- position: absolute;
834
- top: 1px;
835
- left: var(--base-size-8);
836
- content: "- ";
837
- }
838
- .main :global .gist .blob-code-marker-context::before {
839
- position: absolute;
840
- top: 1px;
841
- left: var(--base-size-8);
842
- content: " ";
843
- }
844
- .main :global .gist .blob-code-marker-injected_context::before {
845
- position: absolute;
846
- top: 1px;
847
- left: var(--base-size-8);
848
- content: " ";
849
- }
850
- .main :global .gist .soft-wrap .diff-table {
851
- table-layout: fixed;
852
- }
853
- .main :global .gist .soft-wrap .blob-code {
854
- padding-left: 18px;
855
- text-indent: 0;
856
- }
857
- .main :global .gist .soft-wrap .blob-code-inner {
858
- white-space: pre-wrap;
859
- }
860
- .main :global .gist .soft-wrap .no-nl-marker {
861
- display: none;
862
- }
863
- .main :global .gist .soft-wrap .add-line-comment {
864
- margin-top: 0;
865
- margin-left: -24px;
866
- }
867
- .main :global .gist .soft-wrap .blob-code-context,
868
- .main :global .gist .soft-wrap .blob-code-addition,
869
- .main :global .gist .soft-wrap .blob-code-deletion {
870
- padding-left: 22px;
871
- text-indent: 0;
872
- }
873
- .main :global .gist .blob-num-hunk,
874
- .main :global .gist .blob-code-hunk,
875
- .main :global .gist .blob-num-expandable {
876
- color: var(--fgColor-muted, var(--color-fg-muted));
877
- vertical-align: middle;
878
- }
879
- .main :global .gist .blob-num-hunk,
880
- .main :global .gist .blob-num-expandable {
881
- background-color: var(--diffBlob-hunk-bgColor-num, var(--color-diff-blob-hunk-num-bg));
882
- }
883
- .main :global .gist .blob-code-hunk {
884
- padding-top: var(--base-size-4);
885
- padding-bottom: var(--base-size-4);
886
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
887
- border-width: var(--borderWidth-thin) 0;
888
- }
889
- .main :global .gist .blob-expanded .blob-num:not(.blob-num-context-outside-diff),
890
- .main :global .gist .blob-expanded .blob-code:not(.blob-code-context) {
891
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
892
- }
893
- .main :global .gist .blob-expanded + tr.show-top-border:not(.blob-expanded) .blob-num,
894
- .main :global .gist .blob-expanded + tr.show-top-border:not(.blob-expanded) .blob-code {
895
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
896
- }
897
- .main :global .gist .blob-expanded tr.show-top-border .blob-num-hunk,
898
- .main :global .gist .blob-expanded tr.show-top-border .blob-num {
899
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
900
- }
901
- .main :global .gist tr.show-top-border + .blob-expanded .blob-num,
902
- .main :global .gist tr.show-top-border + .blob-expanded .blob-code {
903
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
904
- }
905
- .main :global .gist .blob-num-expandable {
906
- width: auto;
907
- padding: 0;
908
- font-size: 12px;
909
- text-align: center;
910
- }
911
- .main :global .gist .blob-num-expandable .directional-expander {
912
- display: block;
913
- width: auto;
914
- height: auto;
915
- margin-right: -1px;
916
- color: var(--diffBlob-expander-iconColor, var(--color-diff-blob-expander-icon));
917
- cursor: pointer;
918
- }
919
- .main :global .gist .blob-num-expandable .single-expander {
920
- padding-top: var(--base-size-4);
921
- padding-bottom: var(--base-size-4);
922
- }
923
- .main :global .gist .blob-num-expandable .directional-expander:hover {
924
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
925
- text-shadow: none;
926
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
927
- border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
928
- }
929
- .main :global .gist .blob-code-addition {
930
- background-color: var(--diffBlob-addition-bgColor-line, var(--color-diff-blob-addition-line-bg));
931
- outline: 1px dotted transparent;
932
- }
933
- .main :global .gist .blob-code-addition .x {
934
- color: var(--diffBlob-addition-fgColor-text, var(--color-diff-blob-addition-fg));
935
- background-color: var(--diffBlob-addition-bgColor-word, var(--color-diff-blob-addition-word-bg));
936
- }
937
- .main :global .gist .blob-num-addition {
938
- color: var(--diffBlob-addition-fgColor-num, var(--color-diff-blob-addition-num-text));
939
- background-color: var(--diffBlob-addition-bgColor-num, var(--color-diff-blob-addition-num-bg));
940
- border-color: var(--borderColor-success-emphasis, var(--color-success-emphasis));
941
- }
942
- .main :global .gist .blob-num-addition:hover {
943
- color: var(--fgColor-default, var(--color-fg-default));
944
- }
945
- .main :global .gist .blob-code-deletion {
946
- background-color: var(--diffBlob-deletion-bgColor-line, var(--color-diff-blob-deletion-line-bg));
947
- outline: 1px dashed transparent;
948
- }
949
- .main :global .gist .blob-code-deletion .x {
950
- color: var(--diffBlob-deletion-fgColor-text, var(--color-diff-blob-deletion-fg));
951
- background-color: var(--diffBlob-deletion-bgColor-word, var(--color-diff-blob-deletion-word-bg));
952
- }
953
- .main :global .gist .blob-num-deletion {
954
- color: var(--diffBlob-deletion-fgColor-num, var(--color-diff-blob-deletion-num-text));
955
- background-color: var(--diffBlob-deletion-bgColor-num, var(--color-diff-blob-deletion-num-bg));
956
- border-color: var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
957
- }
958
- .main :global .gist .blob-num-deletion:hover {
959
- color: var(--fgColor-default, var(--color-fg-default));
960
- }
961
- .main :global .gist .is-selecting {
962
- cursor: ns-resize !important;
963
- }
964
- .main :global .gist .is-selecting .blob-num {
965
- cursor: ns-resize !important;
966
- }
967
- .main :global .gist .is-selecting .add-line-comment,
968
- .main :global .gist .is-selecting a {
969
- pointer-events: none;
970
- cursor: ns-resize !important;
971
- }
972
- .main :global .gist .is-selecting .is-hovered .add-line-comment {
973
- opacity: 0;
974
- }
975
- .main :global .gist .is-selecting.file-diff-split {
976
- cursor: nwse-resize !important;
977
- }
978
- .main :global .gist .is-selecting.file-diff-split .blob-num {
979
- cursor: nwse-resize !important;
980
- }
981
- .main :global .gist .is-selecting.file-diff-split .empty-cell,
982
- .main :global .gist .is-selecting.file-diff-split .add-line-comment,
983
- .main :global .gist .is-selecting.file-diff-split a {
984
- pointer-events: none;
985
- cursor: nwse-resize !important;
986
- }
987
- .main :global .gist .selected-line {
988
- position: relative;
989
- }
990
- .main :global .gist .selected-line::after {
991
- position: absolute;
992
- top: 0;
993
- left: 0;
994
- display: block;
995
- width: 100%;
996
- height: 100%;
997
- box-sizing: border-box;
998
- pointer-events: none;
999
- content: "";
1000
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
1001
- mix-blend-mode: var(--color-diff-blob-selected-line-highlight-mix-blend-mode);
1002
- }
1003
- .main :global .gist .selected-line.selected-line-top::after {
1004
- border-top: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
1005
- }
1006
- .main :global .gist .selected-line.selected-line-bottom::after {
1007
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
1008
- }
1009
- .main :global .gist .selected-line:first-child::after,
1010
- .main :global .gist .selected-line.selected-line-left::after {
1011
- border-left: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
1012
- }
1013
- .main :global .gist .selected-line:last-child::after,
1014
- .main :global .gist .selected-line.selected-line-right::after {
1015
- border-right: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
1016
- }
1017
- .main :global .gist .is-commenting .selected-line.blob-code::before {
1018
- position: absolute;
1019
- top: 0;
1020
- left: -1px;
1021
- display: block;
1022
- width: 4px;
1023
- height: 100%;
1024
- content: "";
1025
- background: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
1026
- }
1027
- .main :global .gist .add-line-comment {
1028
- position: relative;
1029
- z-index: 1;
1030
- float: left;
1031
- width: 22px;
1032
- height: 22px;
1033
- margin: -2px -10px -2px -32px;
1034
- line-height: 21px;
1035
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
1036
- text-align: center;
1037
- text-indent: 0;
1038
- cursor: pointer;
1039
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
1040
- border-radius: var(--borderRadius-small);
1041
- box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium));
1042
- opacity: 0;
1043
- transition: transform 0.1s ease-in-out;
1044
- transform: scale(0.8, 0.8);
1045
- }
1046
- .main :global .gist .add-line-comment:hover {
1047
- transform: scale(1, 1);
1048
- }
1049
- .main :global .is-hovered .gist .add-line-comment,
1050
- .main :global .gist .add-line-comment:focus {
1051
- opacity: 1;
1052
- }
1053
- .main :global .gist .add-line-comment .octicon {
1054
- vertical-align: text-top;
1055
- pointer-events: none;
1056
- }
1057
- .main :global .gist .add-line-comment.octicon-check {
1058
- background: #333;
1059
- opacity: 1;
1060
- }
1061
- .main :global .gist .inline-comment-form {
1062
- border: var(--borderWidth-thin) solid #dfe2e5;
1063
- border-radius: var(--borderRadius-small);
1064
- }
1065
- .main :global .gist .timeline-inline-comments {
1066
- width: 100%;
1067
- table-layout: fixed;
1068
- }
1069
- .main :global .gist .timeline-inline-comments .inline-comments,
1070
- .main :global .gist .show-inline-notes .inline-comments {
1071
- display: table-row;
1072
- }
1073
- .main :global .gist .inline-comments {
1074
- display: none;
1075
- }
1076
- .main :global .gist .inline-comments .line-comments + .blob-num {
1077
- border-left-width: var(--borderWidth-thin);
1078
- }
1079
- .main :global .gist .inline-comments .timeline-comment {
1080
- margin-bottom: 10px;
1081
- }
1082
- .main :global .gist .inline-comments .inline-comment-form,
1083
- .main :global .gist .inline-comments .inline-comment-form-container {
1084
- max-width: 780px;
1085
- }
1086
- .main :global .gist .comment-holder {
1087
- max-width: 780px;
1088
- }
1089
- .main :global .gist .comment-holder + .comment-holder {
1090
- margin-top: var(--base-size-16);
1091
- }
1092
- .main :global .gist .line-comments + .line-comments,
1093
- .main :global .gist .empty-cell + .line-comments {
1094
- border-left: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
1095
- }
1096
- .main :global .gist .inline-comment-form-container .inline-comment-form-box,
1097
- .main :global .gist .inline-comment-form-container.open .inline-comment-form-actions {
1098
- display: none;
1099
- }
1100
- .main :global .gist .inline-comment-form-container .inline-comment-form-actions,
1101
- .main :global .gist .inline-comment-form-container.open .inline-comment-form-box {
1102
- display: block;
1103
- }
1104
- .main :global .gist body.full-width .container,
1105
- .main :global .gist body.full-width .container-lg:not(.markdown-body),
1106
- .main :global .gist body.full-width .container-xl {
1107
- width: 100%;
1108
- max-width: none;
1109
- padding-right: var(--base-size-20);
1110
- padding-left: var(--base-size-20);
1111
- }
1112
- .main :global .gist body.full-width .repository-content {
1113
- width: 100%;
1114
- }
1115
- .main :global .gist body.full-width .new-pr-form {
1116
- max-width: 980px;
1117
- }
1118
- .main :global .gist .file-diff-split {
1119
- table-layout: fixed;
1120
- }
1121
- .main :global .gist .file-diff-split .blob-code + .blob-num {
1122
- border-left: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
1123
- }
1124
- .main :global .gist .file-diff-split .blob-code-inner {
1125
- white-space: pre-wrap;
1126
- }
1127
- .main :global .gist .file-diff-split .empty-cell {
1128
- cursor: default;
1129
- background-color: var(--bgColor-muted, var(--color-neutral-subtle));
1130
- border-right-color: var(--borderColor-muted, var(--color-border-muted));
1131
- }
1132
- @media (max-width: 1280px) {
1133
- .main :global .gist .file-diff-split .write-selected .comment-form-head.tabnav:not(.CommentBox-header) {
1134
- margin-bottom: var(--base-size-80) !important;
1135
- }
1136
- .main :global .gist .file-diff-split .tabnav:not(.CommentBox-header) markdown-toolbar {
1137
- position: absolute;
1138
- top: 47px;
1139
- right: 0;
1140
- left: 0;
1141
- height: 64px;
1142
- align-items: center !important;
1143
- }
1144
- }
1145
- @media (min-width: 1280px) {
1146
- .main :global .gist .file-diff-split .write-selected .comment-form-head.tabnav:not(.CommentBox-header) .tabnav-tabs {
1147
- align-self: end;
1148
- }
1149
- }
1150
- .main :global .gist .submodule-diff-stats .octicon-diff-removed {
1151
- color: var(--fgColor-danger, var(--color-danger-fg));
1152
- }
1153
- .main :global .gist .submodule-diff-stats .octicon-diff-renamed {
1154
- color: var(--fgColor-muted, var(--color-fg-muted));
1155
- }
1156
- .main :global .gist .submodule-diff-stats .octicon-diff-modified {
1157
- color: var(--fgColor-attention, var(--color-attention-fg));
1158
- }
1159
- .main :global .gist .submodule-diff-stats .octicon-diff-added {
1160
- color: var(--fgColor-success, var(--color-success-fg));
1161
- }
1162
- .main :global .gist .BlobToolbar {
1163
- left: -17px;
1164
- }
1165
- .main :global .gist .BlobToolbar-dropdown {
1166
- margin-left: -2px;
1167
- }
1168
- .main :global .gist .pl-token:hover,
1169
- .main :global .gist .pl-token.active {
1170
- cursor: pointer;
1171
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
1172
- }
1173
- .main :global .gist .task-list-item {
1174
- list-style-type: none;
1175
- }
1176
- .main :global .gist .task-list-item label {
1177
- font-weight: var(--base-text-weight-normal, 400);
1178
- }
1179
- .main :global .gist .task-list-item.enabled label {
1180
- cursor: pointer;
1181
- }
1182
- .main :global .gist .task-list-item + .task-list-item {
1183
- margin-top: var(--base-size-4);
1184
- }
1185
- .main :global .gist .task-list-item .handle {
1186
- display: none;
1187
- }
1188
- .main :global .gist .task-list-item-checkbox {
1189
- margin: 0 0.2em 0.25em -1.4em;
1190
- vertical-align: middle;
1191
- }
1192
- .main :global .gist .contains-task-list:dir(rtl) .task-list-item-checkbox {
1193
- margin: 0 -1.6em 0.25em 0.2em;
1194
- }
1195
- .main :global .gist .convert-to-issue-button {
1196
- top: 2px;
1197
- right: var(--base-size-4);
1198
- padding: 0 2px;
1199
- margin-right: var(--base-size-8);
1200
- -webkit-user-select: none;
1201
- user-select: none;
1202
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
1203
- }
1204
- .main :global .gist .convert-to-issue-button .octicon {
1205
- fill: var(--fgColor-default, var(--color-fg-default));
1206
- }
1207
- .main :global .gist .convert-to-issue-button:hover .octicon,
1208
- .main :global .gist .convert-to-issue-button:focus .octicon {
1209
- fill: var(--fgColor-accent, var(--color-accent-fg));
1210
- }
1211
- .main :global .gist .reorderable-task-lists .markdown-body .contains-task-list {
1212
- padding: 0;
1213
- }
1214
- .main :global .gist .reorderable-task-lists .markdown-body li:not(.task-list-item) {
1215
- margin-left: var(--base-size-24);
1216
- }
1217
- .main :global .gist .reorderable-task-lists .markdown-body ol:not(.contains-task-list) li,
1218
- .main :global .gist .reorderable-task-lists .markdown-body ul:not(.contains-task-list) li {
1219
- margin-left: 0;
1220
- }
1221
- .main :global .gist .reorderable-task-lists .markdown-body .task-list-item {
1222
- padding: 2px 15px 2px 42px;
1223
- margin-right: -15px;
1224
- margin-left: -15px;
1225
- line-height: 1.5;
1226
- border: 0;
1227
- }
1228
- .main :global .gist .reorderable-task-lists .markdown-body .task-list-item + .task-list-item {
1229
- margin-top: 0;
1230
- }
1231
- .main :global .gist .reorderable-task-lists .markdown-body .task-list-item .handle {
1232
- display: block;
1233
- float: left;
1234
- width: 20px;
1235
- padding: 2px 0 0 2px;
1236
- margin-left: -43px;
1237
- opacity: 0;
1238
- }
1239
- .main :global .gist .reorderable-task-lists .markdown-body .task-list-item .drag-handle {
1240
- fill: var(--fgColor-default, var(--color-fg-default));
1241
- }
1242
- .main :global .gist .reorderable-task-lists .markdown-body .task-list-item.hovered > .handle {
1243
- opacity: 1;
1244
- }
1245
- .main :global .gist .reorderable-task-lists .markdown-body .task-list-item.is-dragging {
1246
- opacity: 0;
1247
- }
1248
- .main :global .gist .reorderable-task-lists .markdown-body .contains-task-list:dir(rtl) .task-list-item {
1249
- margin-right: 0;
1250
- }
1251
- .main :global .gist .comment-body .reference {
1252
- font-weight: var(--base-text-weight-semibold, 600);
1253
- white-space: nowrap;
1254
- }
1255
- .main :global .gist .comment-body .issue-link {
1256
- white-space: normal;
1257
- }
1258
- .main :global .gist .comment-body .issue-link .issue-shorthand {
1259
- font-weight: var(--base-text-weight-normal, 400);
1260
- color: var(--fgColor-muted, var(--color-fg-muted));
1261
- }
1262
- .main :global .gist .comment-body .issue-link:hover .issue-shorthand,
1263
- .main :global .gist .comment-body .issue-link:focus .issue-shorthand {
1264
- color: var(--fgColor-accent, var(--color-accent-fg));
1265
- }
1266
- .main :global .gist .review-comment-contents .markdown-body .task-list-item {
1267
- padding-left: 42px;
1268
- margin-right: -12px;
1269
- margin-left: -12px;
1270
- border-top-left-radius: var(--borderRadius-small);
1271
- border-bottom-left-radius: var(--borderRadius-small);
1272
- }
1273
- .main :global .gist .convert-to-issue-enabled .task-list-item .contains-task-list {
1274
- padding: var(--base-size-4) 15px 0 43px;
1275
- margin: 0 -15px 0 -42px;
1276
- }
1277
- .main :global .gist .convert-to-issue-enabled .task-list-item.hovered {
1278
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
1279
- }
1280
- .main :global .gist .convert-to-issue-enabled .task-list-item.hovered .contains-task-list {
1281
- background-color: var(--bgColor-default, var(--color-canvas-default));
1282
- }
1283
- .main :global .gist .convert-to-issue-enabled .task-list-item > .convert-to-issue-button {
1284
- opacity: 0;
1285
- }
1286
- .main :global .gist .convert-to-issue-enabled .task-list-item.hovered > .convert-to-issue-button,
1287
- .main :global .gist .convert-to-issue-enabled .task-list-item > .convert-to-issue-button:focus {
1288
- z-index: 20;
1289
- opacity: 1;
1290
- }
1291
- .main :global .gist .convert-to-issue-enabled .task-list-item.is-loading {
1292
- color: var(--fgColor-muted, var(--color-fg-muted));
1293
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
1294
- border-top: var(--borderWidth-thin) solid var(--borderColor-accent-muted, var(--color-accent-subtle));
1295
- border-bottom: var(--borderWidth-thin) solid var(--bgColor-default, var(--color-canvas-default));
1296
- border-left: var(--borderWidth-thin) solid var(--bgColor-default, var(--color-canvas-default));
1297
- }
1298
- .main :global .gist .convert-to-issue-enabled .task-list-item.is-loading ul {
1299
- color: var(--fgColor-default, var(--color-fg-default));
1300
- background-color: var(--bgColor-default, var(--color-canvas-default));
1301
- }
1302
- .main :global .gist .convert-to-issue-enabled .task-list-item.is-loading > .handle {
1303
- opacity: 0;
1304
- }
1305
- .main :global .gist .task-list-item-convert-container {
1306
- position: absolute !important;
1307
- top: calc(100% - 4px);
1308
- right: 0;
1309
- left: 0;
1310
- display: none;
1311
- margin-top: 0;
1312
- }
1313
- .main :global .gist .task-list-item-convert-container:hover,
1314
- .main :global .gist .task-list-item-convert-container:focus {
1315
- display: block;
1316
- }
1317
- .main :global .gist .task-list-item-convert-button-container {
1318
- top: var(--base-size-4);
1319
- right: 0;
1320
- left: auto;
1321
- width: auto;
1322
- }
1323
- .main :global .gist .contains-task-list {
1324
- position: relative;
1325
- }
1326
- .main :global .gist .contains-task-list:hover .task-list-item-convert-container,
1327
- .main :global .gist .contains-task-list:focus-within .task-list-item-convert-container {
1328
- display: block;
1329
- width: auto;
1330
- height: 24px;
1331
- overflow: visible;
1332
- clip: auto;
1333
- }
1334
- .main :global .gist .convert-to-block-button {
1335
- margin: 0 var(--base-size-4);
1336
- }
1337
- .main :global .gist .highlight {
1338
- padding: 0;
1339
- margin: 0;
1340
- font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
1341
- font-size: 12px;
1342
- font-weight: var(--base-text-weight-normal, 400);
1343
- line-height: 1.4;
1344
- color: #333;
1345
- background: var(--bgColor-default, var(--color-canvas-default));
1346
- border: 0;
1347
- }
1348
- .main :global .gist .render-viewer-error,
1349
- .main :global .gist .render-viewer-fatal,
1350
- .main :global .gist .render-viewer-invalid,
1351
- .main :global .gist .octospinner {
1352
- display: none;
1353
- }
1354
- .main :global .gist iframe.render-viewer {
1355
- width: 100%;
1356
- height: 480px;
1357
- overflow: hidden;
1358
- border: 0;
1359
- }
1360
- .main :global .gist pre,
1361
- .main :global .gist code {
1362
- font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace) !important;
1363
- white-space: pre;
1364
- }
1365
- .main :global .gist .gist-meta {
1366
- padding: 10px;
1367
- overflow: hidden;
1368
- font: 12px -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
1369
- color: var(--fgColor-muted, var(--color-fg-muted));
1370
- background-color: #f7f7f7;
1371
- border-radius: 0 0 var(--borderRadius-small) var(--borderRadius-small);
1372
- }
1373
- .main :global .gist .gist-meta a {
1374
- font-weight: var(--base-text-weight-semibold, 600);
1375
- color: #666;
1376
- text-decoration: none;
1377
- border: 0;
1378
- }
1379
- .main :global .gist .gist-data {
1380
- overflow: auto;
1381
- word-wrap: normal;
1382
- background-color: var(--bgColor-default, var(--color-canvas-default));
1383
- border-bottom: var(--borderWidth-thin) solid #ddd;
1384
- border-radius: var(--borderRadius-small) var(--borderRadius-small) 0 0;
1385
- }
1386
- .main :global .gist .gist-file {
1387
- margin-bottom: 1em;
1388
- font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
1389
- border: var(--borderWidth-thin) solid #ddd;
1390
- border-bottom: var(--borderWidth-thin) solid #ccc;
1391
- border-radius: var(--borderRadius-small);
1392
- }
1393
- .main :global .gist .gist-file article {
1394
- padding: 6px;
1395
- }
1396
- .main :global .gist .gist-file .scroll .gist-data {
1397
- position: absolute;
1398
- top: 0;
1399
- right: 0;
1400
- bottom: 30px;
1401
- left: 0;
1402
- overflow: scroll;
1403
- }
1404
- .main :global .gist .gist-file .scroll .gist-meta {
1405
- position: absolute;
1406
- right: 0;
1407
- bottom: 0;
1408
- left: 0;
1409
- }
1410
- .main :global .gist .blob-num {
1411
- min-width: inherit;
1412
- padding: 1px 10px !important;
1413
- background: rgba(0, 0, 0, 0);
1414
- }
1415
- .main :global .gist .blob-code {
1416
- padding: 1px 10px !important;
1417
- text-align: left;
1418
- background: rgba(0, 0, 0, 0);
1419
- border: 0;
1420
- }
1421
- .main :global .gist .blob-code-inner::selection,
1422
- .main :global .gist .blob-code-inner *::selection {
1423
- background-color: var(--selection-bgColor, #c8e1ff);
1424
- }
1425
- .main :global .gist .blob-wrapper table {
1426
- border-collapse: collapse;
1427
- }
1428
- .main :global .gist .blob-wrapper tr:first-child td {
1429
- padding-top: var(--base-size-4);
1430
- }
1431
- .main :global .gist .markdown-body .anchor {
1432
- display: none;
1433
- }
1434
-
1435
2
  .main > :first-child {
1436
3
  margin-top: 0 !important;
1437
4
  }
@@ -1610,6 +177,7 @@
1610
177
  width: 1em;
1611
178
  height: 1em;
1612
179
  vertical-align: middle;
180
+ color: hsl(var(--hsdc-muted-foreground));
1613
181
  }
1614
182
  .main :global .heading:hover .heading-link-icon {
1615
183
  display: inline-block;