new blog layout

Author: smth

_includes/post-list-item.html

@@ -1,14 +1,6 @@
 <article>
-    <div class="date"><span>{{ post.date | date: "%-d %b" }}</span> <span class="year">{{ post.date | date: "%Y" }}</span></div>
-
     <div class="text">
-        {% if post.categories %}
-        <ul class="categories">
-        {% for cat in post.categories %}
-            <li>{{ cat }}</li>
-        {% endfor %}
-        </ul>
-        {% endif %}
+        <div class="date"><span>{{ post.date | date: "%-d %b" }}</span> <span class="year">{{ post.date | date: "%Y" }}</span></div>
         <h1 class="title"><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h1>
         <div class="content">
         {{ post.excerpt | markdownify }}

_sass/_posts.scss

@@ -9,29 +9,13 @@
             @include outer-container;
 
             .date {
-                font-size: 0.8em;
-                color: $medium-gray;
-
-                @media (min-width: $medium-screen) {
-                    @include span-columns(1);
-                    padding-top: $small-spacing / 2;
-
-                    span {
-                        display: block;
-                        background-color: $base-background-color;
-                    }
-                }
+                font-weight: bold;
+                color: $black;
             }
 
             .text {
                 @media (min-width: $medium-screen) {
-                    @include span-columns(8);
-                }
-
-                .title {
-                    a {
-                        color: $base-font-color;
-                    }
+                    @include span-columns(9);
                 }
 
                 .categories {
@@ -52,8 +36,11 @@
                 }
 
                 & > a {
-                    @extend button;
-                    margin-top: $small-spacing;
+                  text-transform: uppercase;
+                  color: $dark-green;
+                  font-weight: bold;
+                  display: inline-block;
+                  margin-top: $base-spacing;
                 }
             }