vielle.dev
[Archived] Archived WIP of vielle.dev
Add colour related style changes COLOUR PALETTE WILL CHANGE
+1
-1
posts/full-test.md
+1
-1
posts/full-test.md
···
29
29
30
30
::breakout::test:: Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
31
31
32
-
::full-width::test::@div::@nest:: Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
32
+
::full-width::bg-red::@div::@nest:: Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
33
33
34
34
::breakout::  Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
35
35
+14
-2
src/pages/blog/[id].astro
+14
-2
src/pages/blog/[id].astro
···
16
16
if (!post) return Astro.redirect("/404");
17
17
18
18
const {
19
-
data: { title, hasMdx },
19
+
data: { title, hasMdx, colour },
20
20
} = post;
21
21
22
22
const Content = await (async () => {
···
40
40
<Moon data-mode-dark />
41
41
</button>
42
42
</heading>
43
-
<main data-colour-scheme-nojs>
43
+
<main data-colour-scheme-nojs style={`--accent: ${colour};`}>
44
44
<div class="content">
45
45
<Content />
46
46
</div>
···
146
146
blockquote {
147
147
clear: both;
148
148
margin-block: 2rem;
149
+
}
150
+
151
+
[data-para-flag--bg-red] {
152
+
background-color: #ee6f9a;
153
+
color: var(--light-text);
154
+
}
155
+
156
+
:not(pre) > code {
157
+
color: var(--accent);
158
+
background-color: #00000040;
159
+
padding: 0.2rem;
160
+
border-radius: 0.5rem;
149
161
}
150
162
151
163
ul,