X-Git-Url: https://git.r.bdr.sh/rbdr/r.bdr.sh/blobdiff_plain/2d479f5453e503850a0919014bacc9de7fb3ebf6..4494d9a0a29b42278e2fd155e617c585c7108b61:/css/style.css?ds=inline diff --git a/css/style.css b/css/style.css index 4882d87..71d4c4d 100644 --- a/css/style.css +++ b/css/style.css @@ -3,11 +3,22 @@ html { } body { + font-size: 1em; 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; + text-align: justify; +} + +aside { + clear: both; +} + +::selection { + color: #00f; + background-color: #e8e8e8; } @media only screen and (min-width: 500px) { @@ -16,14 +27,12 @@ body { } .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 { @@ -33,7 +42,7 @@ body { .columned .h2:not(:only-child) .h3, .columned .h2:not(:only-child) li, .columned .h2:not(:only-child) p { - width: 22em; + width: 24em; } .columned .h2:not(:only-child) pre { width: 25em } @@ -43,14 +52,13 @@ body { line-height: 1; } -blockquote, p { max-width: 45em } +blockquote, p, article > div { max-width: 45em } pre { max-width: 55em } blockquote { border-left: 4px solid #ccc; padding-left: 10px; } -h1, h2, h3 { font-weight: normal } br { display: none } pre { font-family: courier, monospace;