Adjust styling

Author: bcb

docs/assets/extra.css

@@ -1,26 +1,31 @@
-/* CSS custom properties replacing Sass variables */
 :root {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted",
-    "Segoe UI", "Liberation Sans", sans-serif;
+  --md-text-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted",
+    "Segoe UI", "Liberation Sans", sans-serif !important;
+  --md-code-font: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono",
+    Menlo, Consolas, monospace;
 }
 
-.md-content__inner {
-  margin: 0;
-  padding: 0;
-  padding-bottom: 3rem;
+/* Fix a horizontal scroll isue */
+.md-typeset * {
+  margin-left: 0 !important;
+  margin-right: 0 !important;
 }
 
 .md-typeset {
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+
   p,
-  ol,
-  ul,
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
-    padding: 0 20px;
+    margin: 0;
+    padding: 0;
+    padding-left: 20px;
+    padding-right: 20px;
     color: black;
   }
 
@@ -34,52 +39,60 @@
 
   h1 {
     font-size: 1.2rem;
-    margin: 0.5em 0 1em 0;
+    margin-top: 0.3em;
+    margin-bottom: 1em;
   }
 
   h2 {
     font-size: 1rem;
-    margin: 1.5em 0 1.3em 0;
+    margin-top: 1.5em;
+    margin-bottom: 1em;
   }
 
   h3 {
     font-size: 0.9rem;
-    margin: 2em 0 1.1em 0;
+    margin-top: 2em;
+    margin-bottom: 1.1em;
   }
 
   p, ul, ol, pre {
     font-size: 17px;
   }
 
-  pre {
-    margin: 0;
-    border: 0;
-    @media screen and (max-width: 44.9375em) {  /* ~719px */
-      margin-left: 20px;
-    }
+  p {
+    margin-top: 1em;
+    margin-bottom: 1em;
   }
 
-  pre > code {
-    line-height: 140%;
-    padding-left: 20px;
+  ul, ol {
+    margin-left: 3rem;
+    padding-left: 3rem;
+  }
 
-    @media screen and (max-width: 44.9375em) {  /* ~719px */
-      margin: 0;
-      border: 0;
-      padding-left: 20px !important;
-    }
+  blockquote {
+    color: #666;
+    background-color: #ffd;
+    border-left: 0 !important;
+    border-radius: 5px;
+    margin: 0;
+    padding: 1px 0 !important;
   }
 
+  pre {
+    line-height: 150%;
+  }
 }
 
-/* Target only the page title (first H1 in the article) */
-.md-content__inner.md-typeset h1:first-of-type {
-  padding-left: 20px;
+.md-content__inner {
+  /* Target only the page title (first H1 in the article) */
+  .md-typeset {
+    h1:first-of-type {
+      padding-left: 20px;
+    }
+  }
 }
 
-.md-content__inner.md-typeset blockquote {
-  background-color: #ffd;
-  border-left: 0;
-  border-radius: 5px;
-  padding: 1px 0;
+article {
+  padding-bottom: 3rem;
 }
+