|
@@ -4,7 +4,7 @@
|
4
|
4
|
}
|
5
|
5
|
|
6
|
6
|
:root {
|
7
|
|
- --background: #bfccbe;
|
|
7
|
+ --background: #d1ddd0;
|
8
|
8
|
--foreground: #000000;
|
9
|
9
|
--dark-accent: #383e38;
|
10
|
10
|
--white: #ffffff;
|
|
@@ -20,14 +20,15 @@
|
20
|
20
|
}
|
21
|
21
|
|
22
|
22
|
body {
|
23
|
|
- background: #aab5a9;
|
24
|
|
- color: #000;
|
|
23
|
+ background: var(--background);
|
|
24
|
+ color: var(--foreground);
|
25
|
25
|
font-family: VerilySerifMono, monospace;
|
26
|
26
|
font-size: 14px;
|
|
27
|
+ line-height: 1.4;
|
27
|
28
|
}
|
28
|
29
|
|
29
|
30
|
a {
|
30
|
|
- color: #000;
|
|
31
|
+ color: var(--foreground);
|
31
|
32
|
}
|
32
|
33
|
|
33
|
34
|
a:hover {
|
|
@@ -113,11 +114,9 @@ a:hover {
|
113
|
114
|
}
|
114
|
115
|
|
115
|
116
|
.post__heading {
|
116
|
|
- align-items: center;
|
117
|
117
|
background: white;
|
118
|
118
|
border: 1px solid var(--dark-accent);
|
119
|
119
|
font-size: 16px;
|
120
|
|
- font-weight: bold;
|
121
|
120
|
padding: 0.5em;
|
122
|
121
|
}
|
123
|
122
|
|
|
@@ -128,7 +127,9 @@ a:hover {
|
128
|
127
|
}
|
129
|
128
|
|
130
|
129
|
.post__date {
|
|
130
|
+ font-size: 0.75em;
|
131
|
131
|
font-style: italic;
|
|
132
|
+ font-weight: normal;
|
132
|
133
|
white-space: nowrap;
|
133
|
134
|
}
|
134
|
135
|
|