From f7d1748f7b53ff87b604dbd693433532d2aa993b Mon Sep 17 00:00:00 2001
From: Gabriel Augendre <gabriel@augendre.info>
Date: Sun, 7 Jun 2020 10:03:56 +0200
Subject: [PATCH] Increase readability

Made some edits to typography to increase readability:
* Adjusted font size
* Improved whitespace management with real margins
---
 style.scss | 49 +++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 45 insertions(+), 4 deletions(-)

diff --git a/style.scss b/style.scss
index 0c281da..637fb86 100644
--- a/style.scss
+++ b/style.scss
@@ -11,7 +11,7 @@
 }
 
 body {
-  font-size: 110%;
+  font-size-adjust: inherit;
   color: var(--main);
   background-color: var(--background);
 
@@ -35,6 +35,8 @@ body {
 
   // Links in articles and in list view
   article {
+    font-size: 1.2em;
+
     table, p, ul {
       a:not(.hashtag), a.hashtag span + span {
         color: var(--main);
@@ -99,12 +101,51 @@ body {
       color: var(--main3);
     }
 
-    article time.dt-published {
-      color: var(--main2);
+    article, #wrapper article {
+      &.sans {
+        white-space: normal;
+      }
+
+      h2#title {
+        font-size: 2em;
+      }
+
+      h2 {
+        font-size: 1.4em;
+        display: block;
+        margin: 1.5em 0 .5em 0;
+      }
+
+      h2 + time.dt-published {
+        color: var(--main2);
+        margin-bottom: 1em;
+      }
+
+      p {
+        display: block;
+        white-space: normal;
+        line-height: 1.7;
+      }
+
+      p, table, ul, pre, ol, blockquote {
+        margin: 0 0 1.5em 0;
+      }
+
+      li {
+        margin: 0;
+      }
+
+      ul, ol {
+        margin-top: -1em;
+      }
+
+      blockquote p:last-child {
+        margin-bottom: 0;
+      }
     }
 
     blockquote {
-      color: var(--main2)
+      color: var(--main2);
     }
 
     .pic-container {