write in “normal” capitalization, but apply lowercase text-transform

[~bandali/bndl.org] / style.css

diff --git a/style.css b/style.css
index e5d2862..baeed6b 100644 (file)
--- a/style.css
+++ b/style.css
@@ -5,12 +5,20 @@ article, aside, footer, header, nav, section {
 
 body {
   font-family: FreeSans, sans-serif;
+  text-transform: lowercase;
+  line-height: 1.4;
   padding: 1em;
 }
 
-body > header {
-  margin-bottom: 2em !important;
+main {
+  margin: auto;
+  max-width: 38em;
+}
+
+main > header {
+  margin-bottom: 1em;
 }
+
 #title {
   font-size: 2.1em;
   font-weight: normal;
@@ -39,6 +47,7 @@ article h3 {
 
 code {
   font-size: 1.15em;
+  text-transform: none;
 }
 
 table td {
@@ -65,25 +74,31 @@ nav li:last-child:after {
   content: "";
 }
 
-section {
-  position: relative;
-}
-section > h3 {
-  position: absolute;
-  right: 75%;
-  width: 25%;
-  margin: 0;
-  padding: 0 1em 0 0; /* 1.75 */
-  font-weight: normal;
-  font-size: 1em;
+main {
+  display: grid;
+  grid-template-columns: auto 38em auto;
+  grid-column-gap: 1.5em;
+  grid-row-gap: 1em;
+}
+
+main > h3 {
+  grid-column: 1;
   text-align: right;
-  white-space: nowrap;
+  font-size: 1em;
+  font-weight: normal;
 }
-section > .section, article > .section, body > header {
-  position: relative;
-  left: 25%;
-  width: 50%;
-  margin: 0;
-  padding: 0;
-  max-width: 38em;
+
+main > header, main > section {
+  grid-column: 2;
+}
+
+main > h3, ul:first-child {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+p:first-child {
+  margin-top: 0;
+}
+p:last-child {
+  margin-bottom: 0;
 }