aboutsummaryrefslogtreecommitdiffstats
path: root/css
diff options
context:
space:
mode:
authorFeuerfuchs <git@feuerfuchs.dev>2020-05-18 18:51:19 +0200
committerFeuerfuchs <git@feuerfuchs.dev>2020-05-18 18:51:19 +0200
commitc772716e98e11181d301deadeca52856ac18f085 (patch)
tree25039bd7739039c000ab748b1547b5e5514d0b7a /css
parentWIP: Refactoring (diff)
downloadgopherproxy-c772716e98e11181d301deadeca52856ac18f085.tar.gz
gopherproxy-c772716e98e11181d301deadeca52856ac18f085.tar.bz2
gopherproxy-c772716e98e11181d301deadeca52856ac18f085.zip
Improved Gemini support
Diffstat (limited to 'css')
-rw-r--r--css/main.scss26
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
59ul { 59ul {
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//