Adding blog post-specific styles for readability

Author: bolt-bot

_layouts/post.html

@@ -1,7 +1,7 @@
 ---
 layout: default
 ---
-<article>
+<article class="c-article">
   <header>
     {% if page.title %}<h2>{{ page.title }}</h2>{% endif %}
     <ul>

styles/06-components/_components.article.scss

@@ -0,0 +1,5 @@
+.c-article {
+  color: #333;
+  font-size: 18px;
+  line-height: 1.9;
+}

styles/styles.drupal-pattern-lab.scss

@@ -25,6 +25,7 @@
 
 @import '06-components/components.vendor.rouge-github';
 @import '06-components/components.buttons';
+@import '06-components/components.article';
 @import '06-components/components.page';
 @import '06-components/components.global-header';
 @import '06-components/components.global-footer';