Modified categories style

layout/_partial/archive.ejs

@@ -37,10 +37,10 @@ if (page.archive){
       <footer>
         <time datetime="<%= item.date.toDate().toISOString() %>"><%= item.date.format('MMM D') %></time>
         <% if (item.categories){ %>
-          <div class="cats"><%- partial('post/taxonomy', {taxonomy: item.categories, separator: ', '}) %></div>
+          <span class="cats"><%- partial('post/taxonomy', {taxonomy: item.categories, separator: ', '}) %></span>
         <% } %>
         <% if (item.tags){ %>
-          <div class="tags"><%- partial('post/taxonomy', {taxonomy: item.tags, separator: ', '}) %></div>
+          <span class="tags"><%- partial('post/taxonomy', {taxonomy: item.tags, separator: ', '}) %></span>
         <% } %>
       </footer>
     </article>

layout/_partial/post/category.ejs

@@ -1,3 +1,3 @@
 <% if (item.categories){ %>
-  <div class="categories"><%- partial('taxonomy', {taxonomy: item.categories, separator: ''}) %></div>
+  <div class="cats"><%- partial('taxonomy', {taxonomy: item.categories, separator: ''}) %></div>
 <% } %>

source/css/_partial/archive.styl

@@ -85,14 +85,20 @@
           font-family font-icon
           padding-right 10px
 
-      .tags
-        display inline-block
+      .cats, .tags
         margin-left 25px
         &:before
-          content "\f02c"
           font-family font-icon
           padding-right 10px
 
+      .cats
+        &:before
+          content "\f07c"
+
+      .tags
+        &:before
+          content "\f02c"
+
 .archive
   box-shadow none
   border none

source/css/_partial/article.styl

@@ -224,37 +224,40 @@ article
       color color-meta
       font-size 0.9em
       position absolute
-      top 30px
+      top 10px
       left 0 - meta-width - 20px
       width meta-width
       z-index 1
       a
         color color-meta
         display block
+        line-height 1.6em
         &:hover
           color darken(color-meta, 20%)
+          text-decoration none
+        &:before
+          font-family font-icon
+
+      .cats, .tags, .comment
+        margin-top 20px
+
+      .cats
+        a
+          &:before
+            content "\f07b"
+            padding-right 10px
 
       .tags
-        line-height 1.6em
         a
           &:before
             content "\f02b"
-            font-family font-icon
             padding-right 10px
 
-          &:hover
-            text-decoration none
-
       .comment
-        margin-top 20px
         &:before
           content "\f075"
-          font-family font-icon
           padding-right 8px
 
-        &:hover
-          text-decoration none
-
   .gallery
     overflow hidden
     position relative