Adjust design

Author: bcb

docs/assets/extra.css

@@ -1,43 +1,73 @@
 /* CSS custom properties replacing Sass variables */
 :root {
-}
-
-body {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted",
     "Segoe UI", "Liberation Sans", sans-serif;
 }
 
-/* Change header fonts */
-.md-typeset h1,
-.md-typeset h2,
-.md-typeset h3,
-.md-typeset h4,
-.md-typeset h5,
-.md-typeset h6 {
-  font-weight: 700;
-  font-style: normal;
-  letter-spacing: -0.5px;
-  color: #222;
+.md-content__inner {
+  margin: 0;
+  padding: 0;
+  padding-bottom: 3rem;
+
 }
 
-.md-typeset h1 {
-  font-size: 160%;
-  line-height: 130%;
+.md-typeset {
+  p,
+  ol,
+  ul,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    padding: 0 20px;
+    color: black;
+  }
+
+  /* Change header fonts */
+  h1, h2, h3, h4, h5, h6 {
+    font-weight: 700;
+    font-style: normal;
+    letter-spacing: -0.5px;
+    line-height: 140%;
+  }
+
+  h1 {
+    font-size: 1.2rem;
+    margin: 0.5em 0 1em 0;
+  }
 
-  margin: 0em 0 1em 0;
-  @media screen and (max-width: var(--on-palm)) {
-    margin-top: 1.5em;
+  h2 {
+    font-size: 1rem;
+    margin: 1.5em 0 1.3em 0;
   }
+
+  h3 {
+    font-size: 0.9rem;
+    margin: 2em 0 1.1em 0;
+  }
+
+  p, ul, ol, pre {
+    font-size: 17px;
+  }
+
+  pre {
+    padding-left: 20px;
+    padding-right: 20px;
+    line-height: 140%;
+  }
+
 }
 
-.md-typeset h2 {
-  font-size: 130%;
-  margin: 1.5em 0 1em 0;
-  line-height: 100%;
+/* Target only the page title (first H1 in the article) */
+.md-content__inner.md-typeset h1:first-of-type {
+  padding-left: 20px;
 }
 
-.md-typeset h3 {
-  font-size: 110%;
-  margin: 2em 0 1em 0;
-  line-height: 100%;
+.md-content__inner.md-typeset blockquote {
+  background-color: #ffd;
+  border-left: 0;
+  border-radius: 5px;
+  padding: 1px 0;
 }

docs/extensions.md

@@ -14,7 +14,7 @@ as:
 create extension pgcrypto;
 ```
 
-> ⚠️ `create extension` is non-transactional, so don’t wrap this file in
+> ⚠️ `create extension` is non-transactional, so don’t wrap this in
 > `BEGIN/COMMIT`.
 
 ## 🛠️ Building an Extension from Source