vielle.dev
+24
src/components/markdown.css
+24
src/components/markdown.css
···
1
+
/* all styles should be scoped to be child of article to avoid conflicting other styles */
2
+
article {
3
+
/* comfy reading width centered */
4
+
max-width: 60ch;
5
+
margin: auto;
6
+
7
+
/* all headings should have leading and trailing margins but not between other headings */
8
+
h1,
9
+
h2,
10
+
h3,
11
+
h4,
12
+
h5,
13
+
h6 {
14
+
margin-block: 10px;
15
+
16
+
& + & {
17
+
margin-block-start: 0px;
18
+
}
19
+
20
+
&:has(+ &) {
21
+
margin-block-end: 0px;
22
+
}
23
+
}
24
+
}