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

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,9 +1,1442 @@
1
1
  @charset "UTF-8";
2
- .main > :first-child {
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 {
3
58
  margin-top: 0;
59
+ margin-bottom: var(--base-size-16);
4
60
  }
5
- .main > :last-child {
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 {
6
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
+ .main > :first-child {
1436
+ margin-top: 0 !important;
1437
+ }
1438
+ .main > :last-child {
1439
+ margin-bottom: 0 !important;
7
1440
  }
8
1441
  .main * {
9
1442
  word-break: break-word;
@@ -84,7 +1517,7 @@
84
1517
  .main ol ul ul {
85
1518
  list-style-type: square;
86
1519
  }
87
- .main table {
1520
+ .main table:not(:global .gist-block table) {
88
1521
  margin: 1.5rem 0;
89
1522
  width: 100%;
90
1523
  table-layout: fixed;
@@ -94,31 +1527,31 @@
94
1527
  border: 1px solid hsl(var(--hsdc-border));
95
1528
  overflow: hidden;
96
1529
  }
97
- .main table thead {
1530
+ .main table:not(:global .gist-block table) thead {
98
1531
  background-color: hsl(var(--hsdc-muted));
99
1532
  }
100
- .main table tbody td {
1533
+ .main table:not(:global .gist-block table) tbody td {
101
1534
  border-top: 1px solid hsl(var(--hsdc-border));
102
1535
  }
103
- .main table tbody tr:hover {
1536
+ .main table:not(:global .gist-block table) tbody tr:hover {
104
1537
  background-color: hsl(var(--hsdc-muted)/0.5);
105
1538
  }
106
- .main table th,
107
- .main table td {
1539
+ .main table:not(:global .gist-block table) th,
1540
+ .main table:not(:global .gist-block table) td {
108
1541
  padding: 0.5rem;
109
1542
  font-size: 0.875rem;
110
1543
  text-align: left;
111
1544
  }
112
- .main table th :global(&.left),
113
- .main table td :global(&.left) {
1545
+ .main table:not(:global .gist-block table) th :global(&.left),
1546
+ .main table:not(:global .gist-block table) td :global(&.left) {
114
1547
  text-align: left;
115
1548
  }
116
- .main table th :global(&.center),
117
- .main table td :global(&.center) {
1549
+ .main table:not(:global .gist-block table) th :global(&.center),
1550
+ .main table:not(:global .gist-block table) td :global(&.center) {
118
1551
  text-align: center;
119
1552
  }
120
- .main table th :global(&.right),
121
- .main table td :global(&.right) {
1553
+ .main table:not(:global .gist-block table) th :global(&.right),
1554
+ .main table:not(:global .gist-block table) td :global(&.right) {
122
1555
  text-align: right;
123
1556
  }
124
1557
  .main del {
@@ -474,3 +1907,14 @@
474
1907
  margin-right: auto;
475
1908
  margin-left: auto;
476
1909
  }
1910
+ .main :global .gist-block {
1911
+ margin: 1.5rem 0;
1912
+ }
1913
+ .main :global .gist-block .gist-file {
1914
+ border-radius: 0.25rem;
1915
+ overflow: hidden;
1916
+ border: 1px solid hsl(var(--hsdc-border));
1917
+ }
1918
+ .main :global .gist-block .gist-file:last-child {
1919
+ margin-bottom: 0;
1920
+ }