styles for .article body content; published: false

github · Mar 4, 2019 · 22fa36a · 22fa36a
1 parent 59c4896
commit 22fa36a
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -24,7 +24,9 @@ <h1 class="f00-light lh-condensed">{{ page.title }}</h1>
             <p class="f5"><a href="/" class="d-flex flex-items-center {% if site.style == 'dark' %}text-white{% endif %}">{% octicon chevron-left height:16 class:"mr-2 v-align-middle" fill:{{ icon_color }} aria-label:Home %}Home</a></p>
             <h1 class="f00-light lh-condensed">{{ page.title }}</h1>
             <p class="{% if site.style == 'dark' %}text-white{% else %}text-gray{% endif %} mb-5">Published {{ page.date | date: "%b %d, %Y"}}</p>
-            {{ content }}
+            <div class="article">
+              {{ content }}
+            </div>
           </div>
         </div>
       </div>

diff --git a/_posts/2019-01-29-hello-world.md b/_posts/2019-01-29-hello-world.md
@@ -1,6 +1,6 @@
 ---
 title: "Welcome to Jekyll!"
-published: true
+published: false
 ---
 
 **Hello world**, this is my first Jekyll blog post.
@@ -72,4 +72,4 @@ body {
 one: Mark McGwire
 two: Sammy Sosa
 three: Ken Griffey
-```
+```
diff --git a/assets/styles.scss b/assets/styles.scss
@@ -21,3 +21,10 @@ body {
     top: 2px;
     width: 12px;
 }
+
+.article {
+  h1, h2, h3, h4,
+  .highlight {
+    margin-bottom: 16px;
+  }
+}