diff options
author | Feuerfuchs <git@feuerfuchs.dev> | 2020-05-18 18:51:19 +0200 |
---|---|---|
committer | Feuerfuchs <git@feuerfuchs.dev> | 2020-05-18 18:51:19 +0200 |
commit | c772716e98e11181d301deadeca52856ac18f085 (patch) | |
tree | 25039bd7739039c000ab748b1547b5e5514d0b7a /css | |
parent | WIP: Refactoring (diff) | |
download | gopherproxy-c772716e98e11181d301deadeca52856ac18f085.tar.gz gopherproxy-c772716e98e11181d301deadeca52856ac18f085.tar.bz2 gopherproxy-c772716e98e11181d301deadeca52856ac18f085.zip |
Improved Gemini support
Diffstat (limited to 'css')
-rw-r--r-- | css/main.scss | 26 |
1 files changed, 16 insertions, 10 deletions
diff --git a/css/main.scss b/css/main.scss index 27a62ec..b768a87 100644 --- a/css/main.scss +++ b/css/main.scss | |||
@@ -28,7 +28,7 @@ body { | |||
28 | // ); | 28 | // ); |
29 | color: $text; | 29 | color: $text; |
30 | font-family: $font-monospace; | 30 | font-family: $font-monospace; |
31 | font-size: 1em; //1 / 16 * 17em; | 31 | font-size: 1 / 16 * 17em; |
32 | line-height: 1.5; | 32 | line-height: 1.5; |
33 | } | 33 | } |
34 | 34 | ||
@@ -58,13 +58,13 @@ ul, ol { | |||
58 | 58 | ||
59 | ul { | 59 | ul { |
60 | li { | 60 | li { |
61 | padding-left: 4ch; | 61 | padding-left: 2.5em; |
62 | 62 | ||
63 | &::before { | 63 | &::before { |
64 | display: inline-block; | 64 | display: inline-block; |
65 | width: 2ch; | 65 | width: 1.5em; |
66 | padding-left: 2ch; | 66 | padding-left: 1em; |
67 | margin-left: -4ch; | 67 | margin-left: -2.5em; |
68 | content: '–'; | 68 | content: '–'; |
69 | } | 69 | } |
70 | } | 70 | } |
@@ -259,20 +259,26 @@ strong { | |||
259 | flex: 0 0 auto; | 259 | flex: 0 0 auto; |
260 | margin-left: -3em; | 260 | margin-left: -3em; |
261 | margin-left: -5ch; | 261 | margin-left: -5ch; |
262 | padding-right: 1.25em; | 262 | width: 3em; |
263 | padding-right: 2ch; | 263 | width: 5ch; |
264 | width: 1.75em; | ||
265 | width: 3ch; | ||
266 | color: $text-minus; | 264 | color: $text-minus; |
267 | font-family: $font-monospace; | 265 | font-family: $font-monospace; |
268 | text-align: right; | ||
269 | user-select: none; | 266 | user-select: none; |
267 | white-space: pre; | ||
270 | } | 268 | } |
271 | 269 | ||
272 | &__content { | 270 | &__content { |
273 | min-width: 0; | 271 | min-width: 0; |
274 | word-wrap: break-word; | 272 | word-wrap: break-word; |
275 | } | 273 | } |
274 | |||
275 | .is-plain & { | ||
276 | padding-left: 0; | ||
277 | |||
278 | &__type { | ||
279 | display: none; | ||
280 | } | ||
281 | } | ||
276 | } | 282 | } |
277 | 283 | ||
278 | // | 284 | // |