Some very, very minor work on the posts.

site/_includes/news_item.html

@@ -1,7 +1,13 @@
-<h2 class="center-on-mobiles"><a href="{{ post.url }}">{{ post.title }}</a></h2>
+<div class="post">
+  <h2 class="center-on-mobiles">
+    <a href="{{ post.url }}">
+      {{ post.title }}
+    </a>
+  </h2>
   <p class="post-content">
     {{ post.content }}
   </p>
   <p class="post-details">
     Posted on {{ post.date | date_to_string }} by @{{ post.author }}, filed in {{ post.categories | array_to_sentence_string }}
   </p>
+</div>

site/_layouts/news.html

@@ -2,14 +2,14 @@
 layout: default
 ---
 
-  <section class="docs news">
+  <section class="news">
     <div class="grid">
 
       {% include news_contents_mobile.html %}
 
       <div class="unit four-fifths">
         <h1 class="news-header center-on-mobiles">{{ page.title }}</h1>
-        <article class="news-listing">
+        <article class="listing">
           {{ content }}
         </article>
       </div>

site/_layouts/news_item.html

@@ -1,28 +0,0 @@
----
-layout: default
----
-
-  <section class="docs news">
-    <div class="grid">
-
-      {% include news_contents_mobile.html %}
-
-      <div class="unit four-fifths">
-        <h1 class="news-header center-on-mobiles">News</h1>
-        <article class="news-item">
-          <h2 class="center-on-mobiles"><a href="{{ page.url }}">{{ page.title }}</a></h2>
-          <p class="post-content">
-            {{ page.content }}
-          </p>
-          <p class="post-details">
-            Posted on {{ page.date | date_to_string }} by @{{ page.author }}, filed in {{ page.categories | array_to_sentence_string }}
-          </p>
-        </article>
-      </div>
-
-      {% include news_contents.html %}
-
-      <div class="clear"></div>
-
-    </div>
-  </section>

site/css/style.css

@@ -501,17 +501,44 @@ body > footer a:hover img {
 
 /* News */
 
-section.news .news-header {
+.news .news-header {
   margin: 0 50px;
 }
 
-section.news .news-listing h2 {
+.news .entry {
+  background: #444;
+  border-radius: 10px;
+  padding: 20px;
+  margin: 0 10px;
+  box-shadow: 0 3px 10px rgba(0,0,0,.1);
+  min-height: 800px;
+  font-size: 16px;
+}
+
+@media (max-width: 568px){
+  .news .entry {
+    margin: 0;
+  }
+}
+
+@media (min-width: 768px){
+  .news .entry {
+    font-size: 21px;
+    margin-bottom: 20px;
+  }
+}
+
+.news .post {
+  padding: 40px;
+}
+
+.news .news-listing h2 {
   margin: 0;
   padding-top: 10px;
   border-top: rgba(220, 220, 220, 0.5) 1px solid;
 }
 
-section.news .post-details {
+.news .post-details {
   padding: 0;
   font-size: 0.8em;
   color: gray;

site/news/index.md

@@ -7,7 +7,7 @@ author: all
 
 <div class="grid">
   {% for post in site.posts %}
-  <div class="unit whole center-on-mobiles">
+  <div class="unit whole center-on-mobiles entry">
   {% include news_item.html %}
   </div>
   {% endfor %}