all repos — homestead @ 5e1b79c65d346dd3804772a92600217ff71d0d16

Code for my website

improve readability

Alan Pearce
commit

5e1b79c65d346dd3804772a92600217ff71d0d16

parent

428bdd811e8c54ad411c689e82cb92fc86652ba6

1 file changed, 20 insertions(+), 33 deletions(-)

changed files
M domain/web/templates/style.cssdomain/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;