1article.prose {
2 margin-bottom: 2.5rem;
3}
4
5article.prose,
6.type-prose {
7 font-family: "Spectral", "Constantia", "Lucida Bright", "Lucidabright", "Lucida Serif", "Lucida", "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", "Georgia", "serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", serif;
8 letter-spacing: -0.05rem;
9}
10
11article.prose h1,
12article.prose h2,
13article.prose h3,
14article.prose h4,
15.type-prose h1,
16.type-prose h2,
17.type-prose h3,
18.type-prose h4 {
19 margin: 3rem 0 1rem 0;
20}
21
22article.prose h1,
23.type-prose h1 {
24 font-size: 2.25rem;
25 line-height: 2.5rem;
26}
27
28article.prose h2,
29.type-prose h2 {
30 font-size: 1.875rem;
31 line-height: 2.25rem;
32}
33
34article.prose h3,
35.type-prose h3 {
36 font-size: 1.6rem;
37 line-height: 2rem;
38}
39
40article.prose h4,
41.type-prose h4 {
42 font-size: 1.4rem;
43 line-height: 1.75rem;
44}
45
46article.prose p,
47article.prose li,
48article.prose a,
49.type-prose p,
50.type-prose li,
51.type-prose a {
52 color: #eee;
53 font-size: 1.3rem;
54 line-height: 2.1rem;
55}
56
57article.prose a:not(img),
58.type-prose a:not(img) {
59 text-decoration: underline;
60 text-underline-offset: 4px;
61}
62
63article.prose strong,
64.type-prose strong {
65 font-weight: 600;
66}
67
68article.prose i,
69.type-prose i {
70 font-style: italic;
71}
72
73article.prose p:not(:last-of-type),
74.type-prose p:not(:last-of-type) {
75 margin-bottom: 1.5rem;
76}
77
78article.prose img,
79article.prose pre,
80.type-prose img,
81.type-prose pre {
82 margin: 1.5rem 0;
83}
84
85article.prose ul,
86.type-prose ul {
87 margin-left: 1.5rem;
88}
89
90article.prose ul li,
91.type-prose ul li {
92 list-style-type: disc;
93 list-style-position: outside;
94}
95
96article.prose ul li:not(:last-of-type),
97.type-prose ul li:not(:last-of-type) {
98 margin-bottom: 0.2rem;
99}
100
101article.prose code,
102.type-prose code {
103 font-family: "JetBrains Mono", "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", monospace;
104 font-size: 0.96rem;
105 letter-spacing: 0rem;
106}
107
108article.prose :not(pre) > code,
109.type-prose :not(pre) > code {
110 padding: 0.2rem 0.4rem;
111}
112
113article.prose pre,
114.type-prose pre {
115 padding: 0.8rem;
116}
117
118article.prose pre,
119article.prose :not(pre) > code,
120.type-prose pre,
121.type-prose :not(pre) > code {
122 border-radius: 4px;
123 background-color: rgba(255, 255, 255, 0.1);
124}
125
126/* Code Highlighting Styles
127/* Based on PrismJS 1.25.0
128https://prismjs.com/download.html#themes=prism-twilight&languages=markup+css+clike+javascript+bash+c+cpp+rust+scss */
129code[class*="language-"],
130pre[class*="language-"] {
131 color: #ddd;
132 text-align: left;
133 white-space: pre;
134 word-spacing: normal;
135 word-break: normal;
136 word-wrap: normal;
137 -moz-tab-size: 4;
138 -o-tab-size: 4;
139 tab-size: 4;
140 -webkit-hyphens: none;
141 -ms-hyphens: none;
142 hyphens: none;
143}
144
145/* Code blocks */
146pre[class*="language-"]::-moz-selection {
147 /* Firefox */
148 background: #3b57bc33;
149}
150
151pre[class*="language-"]::selection {
152 /* Safari */
153 background: #3b57bc33;
154}
155
156/* Text Selection colour */
157pre[class*="language-"]::-moz-selection,
158pre[class*="language-"] ::-moz-selection,
159code[class*="language-"]::-moz-selection,
160code[class*="language-"] ::-moz-selection {
161 text-shadow: none;
162 background: #3b57bc33;
163}
164
165pre[class*="language-"]::selection,
166pre[class*="language-"] ::selection,
167code[class*="language-"]::selection,
168code[class*="language-"] ::selection {
169 text-shadow: none;
170 background: #3b57bc33;
171}
172
173.token.comment,
174.token.prolog,
175.token.doctype,
176.token.cdata {
177 color: #9cdcfe;
178}
179
180.token.punctuation {
181 opacity: 0.7;
182}
183
184.token.namespace {
185 opacity: 0.7;
186}
187
188.token.tag,
189.token.boolean,
190.token.number,
191.token.deleted {
192 color: #b5cea8;
193}
194
195.token.keyword,
196.token.property,
197.token.selector,
198.token.constant,
199.token.symbol,
200.token.builtin {
201 color: #0086c0;
202 /* #F9EE98 */
203}
204
205.token.attr-name,
206.token.attr-value,
207.token.string,
208.token.char,
209.token.operator,
210.token.entity,
211.token.url,
212.language-css .token.string,
213.style .token.string,
214.token.variable,
215.token.inserted {
216 color: #4e94ce;
217}
218
219.token.atrule {
220 color: #4ec9b0;
221}
222
223.token.regex,
224.token.important {
225 color: #dcdcaa;
226}
227
228.token.important,
229.token.bold {
230 font-weight: bold;
231}
232
233.token.italic {
234 font-style: italic;
235}
236
237.token.entity {
238 cursor: help;
239}
240
241/* Markup */
242.language-markup .token.tag,
243.language-markup .token.attr-name,
244.language-markup .token.punctuation {
245 color: #4e94ce;
246}
247
248/* Make the tokens sit above the line highlight so the colours don't look faded. */
249.token {
250 position: relative;
251 z-index: 1;
252}
253/*# sourceMappingURL=prose.css.map */