diff options
Diffstat (limited to 'css')
-rw-r--r-- | css/main.scss | 33 |
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 | |||
23 | body { | 26 | body { |
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 { |