-
-
Notifications
You must be signed in to change notification settings - Fork 1.2k
/
code.css
89 lines (75 loc) · 1.86 KB
/
code.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
html.dark:root {
color-scheme: dark;
}
/* Shiki */
html.dark .shiki {
color: var(--shiki-dark, inherit);
--twoslash-popup-bg: var(--shiki-dark-bg, inherit);
}
html.dark .shiki span {
color: var(--shiki-dark);
}
html:not(.dark) .shiki {
color: var(--shiki-light, inherit);
--twoslash-popup-bg: var(--shiki-light-bg, inherit);
}
html:not(.dark) .shiki span {
color: var(--shiki-light);
}
.twoslash-meta-line.twoslash-popover-line {
margin-top: -10px;
}
/* Slidev */
.slidev-code-wrapper {
margin: var(--slidev-code-margin) !important;
scroll-padding: var(--slidev-code-padding);
&:-webkit-scrollbar {
width: 0px;
}
}
.slidev-code {
font-family: var(--slidev-code-font-family) !important;
padding: var(--slidev-code-padding) !important;
font-size: var(--slidev-code-font-size) !important;
line-height: var(--slidev-code-line-height) !important;
border-radius: var(--slidev-code-radius) !important;
background: var(--slidev-code-background);
overflow: auto;
}
.slidev-code .line.highlighted {
}
.slidev-code .line.dishonored {
opacity: 0.3;
pointer-events: none;
}
.slidev-code-line-numbers .slidev-code code {
counter-reset: step;
counter-increment: step calc(var(--start, 1) - 1);
}
.slidev-code-line-numbers .slidev-code code .line::before {
content: counter(step);
counter-increment: step;
display: inline-block;
text-align: right;
--uno: w-4 mr-6 text-gray-400 dark:text-gray-600;
}
/* Inline Code */
.slidev-layout :not(pre) > code {
font-size: 0.9em;
background: var(--slidev-code-background);
border-radius: var(--slidev-code-radius);
--uno: font-light py-0.5 px-1.5;
}
.slidev-layout :not(pre) > code:before {
margin-right: -0.08em;
}
/* Revert CSS reset for KaTex */
.katex,
.katex :after,
.katex :before {
border-color: currentColor;
}
/* CodeMirror */
.CodeMirror pre.CodeMirror-placeholder {
opacity: 0.4;
}