diff options
| author | Feuerfuchs <git@feuerfuchs.dev> | 2019-06-26 22:39:45 +0200 |
|---|---|---|
| committer | Feuerfuchs <git@feuerfuchs.dev> | 2019-06-26 22:39:45 +0200 |
| commit | e9659414ee32b62c4996e1b9329281c6ff49c0e9 (patch) | |
| tree | 1deb659699cd34d746979af8a17381f6086050f4 /css | |
| parent | Further improvements on the readme (diff) | |
| download | gopherproxy-e9659414ee32b62c4996e1b9329281c6ff49c0e9.tar.gz gopherproxy-e9659414ee32b62c4996e1b9329281c6ff49c0e9.tar.bz2 gopherproxy-e9659414ee32b62c4996e1b9329281c6ff49c0e9.zip | |
A bit more cleanup
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 { |