Archive styles

archive/index.html

@@ -8,31 +8,27 @@
   <h2>No post found</h2>
 {% endif %}
 
-<ul class="archive-list">
+<ul class="archive">
   {% for post in site.posts %}
     {% unless post.next %}
-      <h3>{{ post.date | date: '%Y' }}</h3>
+      <h2>{{ post.date | date: '%Y' }}</h2>
     {% else %}
       {% capture year %}{{ post.date | date: '%Y' }}{% endcapture %}
       {% capture nyear %}{{ post.next.date | date: '%Y' }}{% endcapture %}
       {% if year != nyear %}
-        <h3>{{ post.date | date: '%Y' }}</h3>
+        <h2>{{ post.date | date: '%Y' }}</h2>
       {% endif %}
     {% endunless %}
 
-    <li class="archive-list-post">
+    <li>
       {% if post.link %}
       <a href="{{ post.link }}">
       {% else %}
       <a href="{{ site.baseurl }}{{ post.url }}">
       {% endif %}
-        <span class="archive-list-post-title">
-          {{ post.title }}
-        </span>
+        {{ post.title }}
       </a>
-      <span class="archive-list-post-date">
-        <time>{{ post.date | date:"%b %d" }}</time>
-      </span>
+      <time>{{ post.date | date: "%Y-%m-%d" }}</time>
     </li>
   {% endfor %}
 </ul>

style.scss

@@ -462,6 +462,19 @@ nav {
   }
 }
 
+// Archive
+.archive {
+  a {
+    color: $base-color;
+  }
+  time {
+    color: $base-lighten-color;
+    font-size: $small-font-size;
+    font-weight: 300;
+    margin-left: 3px;
+  }
+}
+
 // Tags
 .tags > .label {
   > li:before {