grace/typst_web_magic

git clone https://git.gae.moe/grace/typst_web_magic

Grace Yoderinitefd68d3

main
branchesmainall refs →
1.3 KiB54 linesraw
1@import url('https://fonts.googleapis.com/css2?family=Radley:ital@0;1&display=swap');
2
3:root {
4  color-scheme: light;
5  --rp-base: #faf4ed;
6  --rp-surface: #fffaf3;
7  --rp-overlay: #f2e9e1;
8  --rp-muted: #9893a5;
9  --rp-subtle: #797593;
10  --rp-text: #575279;
11  --rp-love: #b4637a;
12  --rp-gold: #ea9d34;
13  --rp-rose: #d7827e;
14  --rp-pine: #286983;
15  --rp-foam: #56949f;
16  --rp-iris: #907aa9;
17  color: var(--rp-text);
18  background-color: var(--rp-base);
19  font-family: 'Radley', serif;
20  line-height: 1.65;
21}
22
23body {
24  max-width: 72ch;
25  margin: 2rem auto;
26  padding: 0 1.25rem;
27  overflow-wrap: break-word;
28}
29
30h1, h2, h3, h4, h5, h6 {
31  color: var(--rp-pine);
32  line-height: 1.25;
33}
34
35a { color: var(--rp-love); }
36a:hover { color: var(--rp-iris); }
37
38img, video, svg { max-width: 100%; height: auto; }
39figure { margin-inline: 0; }
40figcaption, time, .post-author { color: var(--rp-subtle); }
41
42pre, code { background: var(--rp-overlay); }
43code { padding: 0.15em 0.3em; border-radius: 0.2em; }
44pre { padding: 1rem; overflow-x: auto; border-radius: 0.4rem; }
45pre code { padding: 0; }
46
47blockquote {
48  margin-inline: 0;
49  padding-left: 1rem;
50  border-left: 3px solid var(--rp-rose);
51}
52
53hr { border: 0; border-top: 1px solid var(--rp-overlay); }
54::selection { background: var(--rp-overlay); }