From 1321a7c5567375b98af34a1ffc7a53dfe5ec13e8 Mon Sep 17 00:00:00 2001
From: Tim Stallard <code@timstallard.me.uk>
Date: Fri, 4 Nov 2016 22:35:47 +0000
Subject: [PATCH] Rewrote blog styles

---
 src/documents/styles.css.scss | 28 ++++++++++++++++++++--------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/src/documents/styles.css.scss b/src/documents/styles.css.scss
index 314c843..8233d2e 100644
--- a/src/documents/styles.css.scss
+++ b/src/documents/styles.css.scss
@@ -431,7 +431,7 @@ body{
   }
 }
 
-#content[data-slug="blog"]{
+#content[data-slug="blog"]{ //main page
   .post{
     width: 80%;
     max-width: 800px;
@@ -440,6 +440,16 @@ body{
     padding-top: 10px;
     padding-bottom: 10px;
 
+    .blogpost{
+      p:first-of-type{
+        margin-top: 0.4em;
+      }
+
+      p:last-of-type{
+        margin-bottom: 0.2em;
+      }
+    }
+
     h2.title a{
       color: inherit;
     }
@@ -453,7 +463,7 @@ body{
   }
 }
 
-#content[data-slug^="blog-"]{
+#content[data-slug^="blog-"]{ //individual post
   h1#title{
     margin-bottom: 3px;
   }
@@ -463,10 +473,12 @@ body{
   }
 }
 
-#content[data-slug^="blog"] .blogpost{
-  width: 100%;
-  max-width: 800px;
-  margin-left: auto;
-  margin-right: auto;
-  line-height: 1.55;
+#content[data-slug^="blog"]{ //posts and main page
+  .blogpost{
+    width: 100%;
+    max-width: 800px;
+    margin-left: auto;
+    margin-right: auto;
+    line-height: 1.55;
+  }
 }