vielle.dev
[Archived] Archived WIP of vielle.dev
Add margins
-5
posts/full-test.md
-5
posts/full-test.md
···
17
18
## Paragraphs
19
20
-
<!-- margins -->
21
-
22
here is a paragraph
23
24
and here is another
···
58
59
### Unordered
60
61
-
<!-- indent -->
62
-
63
- an unordered list
64
- with nesting
65
- going back
···
81
82
## Image
83
84
-
<!-- flags -->
85
86
87
+45
-3
src/pages/blog/[id].astro
+45
-3
src/pages/blog/[id].astro
···
24
25
if (!post.filePath) throw new Error("Post does not have a filepath");
26
return import(`../../content/posts/${parse(post.filePath).name}.mdx`).then(
27
-
(x) => x.Content,
28
);
29
})();
30
---
···
51
const els = document.querySelectorAll("main[data-colour-scheme-nojs]");
52
if (els.length !== 1)
53
throw new Error(
54
-
"No `main[data-colour-scheme-nojs]`` found, or multiple found",
55
);
56
const el = els[0];
57
if (!(el instanceof HTMLElement)) throw new Error("Not HTML Element!");
···
142
}
143
}
144
145
-
p {
146
clear: both;
147
}
148
149
img {
···
24
25
if (!post.filePath) throw new Error("Post does not have a filepath");
26
return import(`../../content/posts/${parse(post.filePath).name}.mdx`).then(
27
+
(x) => x.Content
28
);
29
})();
30
---
···
51
const els = document.querySelectorAll("main[data-colour-scheme-nojs]");
52
if (els.length !== 1)
53
throw new Error(
54
+
"No `main[data-colour-scheme-nojs]`` found, or multiple found"
55
);
56
const el = els[0];
57
if (!(el instanceof HTMLElement)) throw new Error("Not HTML Element!");
···
142
}
143
}
144
145
+
p,
146
+
blockquote {
147
clear: both;
148
+
margin-block: 2rem;
149
+
}
150
+
151
+
ul,
152
+
ol {
153
+
margin-inline-start: 4rem;
154
+
& & {
155
+
margin-inline-start: 2rem;
156
+
}
157
+
}
158
+
159
+
h2,
160
+
h3,
161
+
h4 {
162
+
margin-block-start: 2rem;
163
+
margin-block-end: 2rem;
164
+
165
+
& + & {
166
+
margin-block-start: 0;
167
+
}
168
+
169
+
:has(+ &) {
170
+
margin-block-end: 0;
171
+
}
172
+
}
173
+
174
+
h2 {
175
+
font-size: 3.6rem;
176
+
}
177
+
178
+
h3 {
179
+
font-size: 2.8rem;
180
+
}
181
+
182
+
h4 {
183
+
font-size: 2.4rem;
184
+
}
185
+
186
+
h5,
187
+
h6 {
188
+
color: red; /* i shouldnt use these except testing; so make em bad */
189
}
190
191
img {