aboutsummaryrefslogtreecommitdiffstats
path: root/css
diff options
context:
space:
mode:
Diffstat (limited to 'css')
-rw-r--r--css/main.scss33
1 files changed, 12 insertions, 21 deletions
diff --git a/css/main.scss b/css/main.scss
index a33573e..be44d5f 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -20,6 +20,9 @@ $font-monospace: 'Iosevka Term SS03', 'IBM Plex Mono', 'Fira Code', 'Fira Mono',
20 url('/iosevka-term-ss03-regular.woff') format('woff'); 20 url('/iosevka-term-ss03-regular.woff') format('woff');
21} 21}
22 22
23//
24// Basic element styles
25
23body { 26body {
24 margin: 0; 27 margin: 0;
25 padding: 0; 28 padding: 0;
@@ -100,15 +103,8 @@ strong {
100 } 103 }
101} 104}
102 105
103.novisit { 106//
104 color: $link-idle; 107// Template classes
105}
106
107// :link, :visited {
108// &:hover {
109// color: $text-plus;
110// }
111// }
112 108
113.header-base { 109.header-base {
114 display: flex; 110 display: flex;
@@ -119,6 +115,7 @@ strong {
119} 115}
120 116
121// 117//
118// Header
122 119
123.header { 120.header {
124 padding: .9em 1em; 121 padding: .9em 1em;
@@ -126,6 +123,7 @@ strong {
126} 123}
127 124
128// 125//
126// Location component
129 127
130.location { 128.location {
131 flex: 0 1 auto; 129 flex: 0 1 auto;
@@ -172,6 +170,7 @@ strong {
172} 170}
173 171
174// 172//
173// Actions component
175 174
176.actions { 175.actions {
177 flex: 0 0 auto; 176 flex: 0 0 auto;
@@ -192,6 +191,7 @@ strong {
192} 191}
193 192
194// 193//
194// Site content classes
195 195
196.wrap { 196.wrap {
197 padding: 2em 1em; 197 padding: 2em 1em;
@@ -219,8 +219,6 @@ strong {
219 } 219 }
220} 220}
221 221
222//
223
224.type-annotation { 222.type-annotation {
225 margin-left: -3em; 223 margin-left: -3em;
226 margin-left: -5ch; 224 margin-left: -5ch;
@@ -229,6 +227,7 @@ strong {
229} 227}
230 228
231// 229//
230// Modal component
232 231
233.modal { 232.modal {
234 position: fixed; 233 position: fixed;
@@ -270,6 +269,7 @@ strong {
270} 269}
271 270
272// 271//
272// Setting component
273 273
274.setting { 274.setting {
275 display: flex; 275 display: flex;
@@ -297,16 +297,7 @@ strong {
297} 297}
298 298
299// 299//
300 300// Viewport adaptation
301#none {
302 position: fixed;
303 top: 0;
304 left: 0;
305 width: 0;
306 height: 0;
307}
308
309//
310 301
311@media screen and (max-width: 800px) { 302@media screen and (max-width: 800px) {
312 body { 303 body {