X-Git-Url: https://git.r.bdr.sh/rbdr/r.bdr.sh/blobdiff_plain/5d1f6d5f5143881ce3c41f6466dcca3e9714183d..7629ba8ecd9a0e0b92b1bd72f29f1594d7e9bc42:/css/style.css diff --git a/css/style.css b/css/style.css index e4b05e9..3afa393 100644 --- a/css/style.css +++ b/css/style.css @@ -3,33 +3,43 @@ html { } body { + font: -apple-system-body; font-family: "Hoefler Text", "Times New Roman", serif; font-feature-settings: "liga" 1, "dlig" 1, "pnum" 1; line-height: 1.6; letter-spacing: 0.02em; } +aside { + clear: both; +} + +::selection { + color: #00f; + background-color: #e8e8e8; +} + @media only screen and (min-width: 500px) { body { overflow-x: auto; } .columned { - height: calc(100vh - 200px); width: max-content; } .columned .h2:not(:only-child) { float: left; margin: 0 40px; - height: calc(100vh - 200px); } .columned .h2:not(:only-child) h2 { width: 14.6em; } - .columned .h2:not(:only-child) .h3, .columned .h2:not(:only-child) p { + .columned .h2:not(:only-child) .h3, + .columned .h2:not(:only-child) li, + .columned .h2:not(:only-child) p { width: 22em; } @@ -47,11 +57,10 @@ blockquote { padding-left: 10px; } -h1, h2, h3 { font-weight: normal } br { display: none } pre { font-family: courier, monospace; - font-size: 14px; + font-size: 0.875em; background-color: #eee; overflow-x: auto; }