]>
Commit | Line | Data |
---|---|---|
8f9d1d4d DC |
1 | code[class*="language-"], |
2 | pre[class*="language-"] { | |
f2a92ac6 DC |
3 | font-family: |
4 | var(--mono-font), | |
5 | Consolas, | |
8f9d1d4d | 6 | Monaco, |
f2a92ac6 DC |
7 | "Andale Mono", |
8 | "Ubuntu Mono", | |
8f9d1d4d DC |
9 | monospace; |
10 | font-size: 1em; | |
11 | text-align: left; | |
12 | white-space: pre; | |
13 | word-spacing: normal; | |
14 | word-break: normal; | |
15 | word-wrap: normal; | |
16 | line-height: 1.5; | |
17 | font-variant-ligatures: none; | |
8f9d1d4d | 18 | tab-size: 4; |
8f9d1d4d DC |
19 | hyphens: none; |
20 | } | |
21 | ||
22 | @media print { | |
8f9d1d4d DC |
23 | code[class*="language-"], |
24 | pre[class*="language-"] { | |
25 | text-shadow: none; | |
26 | } | |
27 | } | |
28 | ||
29 | /* Code blocks */ | |
30 | pre[class*="language-"] { | |
31 | padding: 1.5rem; | |
32 | margin: 1.5rem 0; | |
33 | overflow: auto; | |
8f9d1d4d | 34 | border-radius: var(--border-radius); |
8f9d1d4d DC |
35 | background-color: var(--lightest-background-color); |
36 | color: var(--color-neutral-900); | |
37 | ||
38 | [data-theme="dark"] & { | |
39 | color: var(--color-neutral-100); | |
40 | } | |
f2a92ac6 DC |
41 | |
42 | &.line-numbers-mode { | |
43 | padding-left: calc(1.5rem + 2.4em + 1.2rem); | |
44 | } | |
8f9d1d4d DC |
45 | } |
46 | ||
f2a92ac6 | 47 | :not(pre) > code[class*="language-"], |
8f9d1d4d DC |
48 | pre[class*="language-"] { |
49 | background-color: var(--lightest-background-color); | |
50 | } | |
51 | ||
52 | /* Inline code */ | |
f2a92ac6 DC |
53 | :not(pre) > code[class*="language-"] { |
54 | padding: 0.1em; | |
55 | border-radius: 0.3em; | |
8f9d1d4d DC |
56 | white-space: normal; |
57 | } | |
58 | ||
59 | .token.comment, | |
60 | .token.prolog, | |
61 | .token.doctype, | |
62 | .token.cdata { | |
f2a92ac6 | 63 | color: #6e7f8e; |
8f9d1d4d DC |
64 | |
65 | [data-theme="dark"] & { | |
f2a92ac6 | 66 | color: #8e9fae; |
8f9d1d4d DC |
67 | } |
68 | } | |
69 | ||
8f9d1d4d | 70 | .token.namespace { |
f2a92ac6 | 71 | opacity: 0.7; |
8f9d1d4d DC |
72 | } |
73 | ||
8f9d1d4d DC |
74 | .token.selector, |
75 | .token.attr-name, | |
76 | .token.string, | |
77 | .token.char, | |
78 | .token.builtin, | |
79 | .token.inserted { | |
80 | color: var(--link-color); | |
81 | } | |
82 | ||
8f9d1d4d DC |
83 | .token.atrule, |
84 | .token.attr-value, | |
85 | .token.keyword { | |
86 | color: var(--link-color); | |
87 | } | |
88 | ||
89 | .token.important, | |
90 | .token.bold { | |
91 | font-weight: bold; | |
92 | } | |
93 | ||
94 | .token.italic { | |
95 | font-style: italic; | |
96 | } | |
97 | ||
98 | .token.entity { | |
99 | cursor: help; | |
100 | } | |
101 | ||
f2a92ac6 DC |
102 | .line-numbers-wrapper { |
103 | position: absolute; | |
104 | top: 0; | |
105 | left: 1.5rem; | |
106 | text-align: right; | |
107 | padding-top: 1.5rem; | |
108 | font-size: 1em; | |
109 | font-family: var(--mono-font), Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; | |
110 | line-height: 1.5; | |
111 | color: var(--icon-color); | |
8f9d1d4d | 112 | font-variant-ligatures: none; |
8f9d1d4d | 113 | |
f2a92ac6 DC |
114 | .line-number { |
115 | user-select: none; | |
116 | color: var(--icon-color); | |
117 | display: inline-block; | |
118 | font-variant-numeric: tabular-nums; | |
119 | text-align: right; | |
120 | width: 1.2em; | |
121 | } | |
8f9d1d4d | 122 | } |