|
@@ -23,7 +23,7 @@ body {
|
23
|
23
|
background: var(--background);
|
24
|
24
|
color: var(--foreground);
|
25
|
25
|
font-family: VerilySerifMono, monospace;
|
26
|
|
- font-size: 14px;
|
|
26
|
+ font-size: 16px;
|
27
|
27
|
line-height: 1.4;
|
28
|
28
|
}
|
29
|
29
|
|
|
@@ -108,15 +108,17 @@ a:hover {
|
108
|
108
|
|
109
|
109
|
.form__textarea,
|
110
|
110
|
.form__text-field {
|
111
|
|
- border: 2px solid var(--foreground);
|
|
111
|
+ border: 2px solid var(--dark-accent);
|
112
|
112
|
font-family: monospace;
|
113
|
|
- font-size: 14px;
|
|
113
|
+ font-size: 16px;
|
|
114
|
+ line-height: 1.4em;
|
114
|
115
|
padding: 0.25em;
|
115
|
116
|
width: 100%;
|
116
|
117
|
}
|
117
|
118
|
|
118
|
119
|
.form__textarea {
|
119
|
|
- height: 200px;
|
|
120
|
+ height: 500px;
|
|
121
|
+ padding: 0.5em;
|
120
|
122
|
resize: vertical;
|
121
|
123
|
}
|
122
|
124
|
|
|
@@ -125,7 +127,7 @@ a:hover {
|
125
|
127
|
}
|
126
|
128
|
|
127
|
129
|
.post__heading {
|
128
|
|
- background: white;
|
|
130
|
+ background: var(--white);
|
129
|
131
|
border: 1px solid var(--dark-accent);
|
130
|
132
|
font-size: 16px;
|
131
|
133
|
padding: 0.5em;
|
|
@@ -160,10 +162,12 @@ a:hover {
|
160
|
162
|
padding: 0.5em;
|
161
|
163
|
}
|
162
|
164
|
|
|
165
|
+#preview p,
|
163
|
166
|
.post__body p {
|
164
|
167
|
margin: 1em 0;
|
165
|
168
|
}
|
166
|
169
|
|
|
170
|
+#preview pre,
|
167
|
171
|
.post__body pre {
|
168
|
172
|
background: var(--off-white);
|
169
|
173
|
border: 1px solid var(--dark-accent);
|