Browse Source

Preview style updates

master
Dylan Baker 3 years ago
parent
commit
9e38231f9b
1 changed files with 9 additions and 5 deletions
  1. 9
    5
      static/style.css

+ 9
- 5
static/style.css View File

@@ -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);

Loading…
Cancel
Save