improve readability
1 file changed, 20 insertions(+), 33 deletions(-)
changed files
M domain/web/templates/style.css → domain/web/templates/style.css
@@ -2,7 +2,7 @@ :root { --width: 80ch; --font-main: Verdana, sans-serif; --font-secondary: Verdana, sans-serif; - --font-scale: 1em; + --font-scale: 1.2em; --background-color: #fff; --heading-color: #222; --text-color: #444;@@ -24,8 +24,8 @@ --text-color: #ddd; --muted-color: #ccc; --link-color: #8cc2dd; --visited-color: #8b6fcb; - --code-background-color: #000; - --today-background-color: #000; + --code-background-color: #222; + --today-background-color: #222; --code-color: #ddd; --blockquote-color: #ccc; --border-color: #ccc;@@ -36,16 +36,19 @@ body { font-family: var(--font-secondary); font-size: var(--font-scale); margin: auto; - padding: 20px; + padding: 1em 1em; max-width: var(--width); - text-align: left; background-color: var(--background-color); word-wrap: break-word; overflow-wrap: break-word; - line-height: 1.5; + line-height: 1.75; color: var(--text-color); } +body>header>h2 { + margin: 0.5em 0; +} + h1, h2, h3,@@ -54,18 +57,14 @@ h5, h6 { font-family: var(--font-main); color: var(--heading-color); - & > a { + + &>a { color: var(--heading-color); } } a { color: var(--link-color); - cursor: pointer; -} - -nav a { - margin-right: 8px; } strong,@@ -73,15 +72,6 @@ b { color: var(--heading-color); } -button { - margin: 0; - cursor: pointer; -} - -main { - line-height: 1.6; -} - table { width: 100%; }@@ -110,9 +100,8 @@ pre code { color: var(--code-color); display: block; - padding: 20px; + padding: 1em 1em; white-space: pre-wrap; - font-size: 0.875rem; overflow-x: auto; }@@ -135,10 +124,6 @@ } .title:hover { text-decoration: none; -} - -.title h1 { - font-size: 1.5em; } .inline {@@ -192,11 +177,11 @@ .skip:focus { top: 0; } -article > header > h1 { +article>header>h1 { margin-bottom: 0; } -article > header { +article>header { margin: 2rem 0 1rem; }@@ -208,19 +193,21 @@ .date { display: inline-block; margin-right: 1ex; - font-size: small; + font-size: 0.875em; } .tags { - font-size: small; + font-size: 0.875em; display: inline-block; padding-inline-start: 0; } + .p-categories { padding-inline-start: 1ex; } .e-content { + h1, h2, h3,@@ -247,11 +234,11 @@ height: 1.5ex; width: 1.5ex; } -.changelog > summary { +.changelog>summary { font-size: large; } -.changelog > ul { +.changelog>ul { list-style-type: none; padding-left: unset; margin-block-start: 0.5rex;