1. Styled pagination for blog index

2. Fixed Newer pagination link on page 2
3. Improved sidebar section breakdown on collapse
4. Removed sharing links from the blog index page (moved to pages)
5. Improved styling for metadata on the blog index
6. Moved /blog/archives.html to /blog/archives/index.html
7. Improved responsive layout styling bugs

3 files changed, 36 insertions, 15 deletions

diff --git a/.themes/classic/sass/partials/_blog.scss b/.themes/classic/sass/partials/_blog.scss
index c2c598ff..39dcecd8 100644
--- a/.themes/classic/sass/partials/_blog.scss
+++ b/.themes/classic/sass/partials/_blog.scss
@@ -5,8 +5,7 @@
   }
   > article, > div > article {
     overflow: hidden;
-    padding-bottom: 1em;
-    &:last-child { margin-bottom: 0;  }
+    padding-top: 1em;
     h2 {
       padding-top: 0.8em;
       background: $img-border top left repeat-x;
@@ -32,16 +31,16 @@
       font-size: .9em;
       color: $text-color-light;
       margin: 0;
-      @extend .sans;
       &.meta {
+        @extend .sans;
         text-transform: uppercase;
+        position: absolute; top: 0;
       }
     }
     @media only screen and (min-width: 768px) {
       margin-bottom: 1.5em;
       padding-bottom: 1em;
       background: $img-border bottom left repeat-x;
-      p.meta { position: absolute; top: 0; }
     }
   }
   .feature {
@@ -82,12 +81,13 @@
     }
   }
   > div > article > footer {
-    margin-bottom: 1.5em;
-    background: $img-border top left repeat-x;
+    padding-bottom: 2.5em;
     margin-top: 2em;
-    padding-top: 1em;
     @extend .sans;
-    p.meta { display: inline-block; font-size: .8em; }
+    p.meta {
+      margin-bottom: .8em;
+      font-size: .85em;
+    }
   }
 
 }
@@ -95,6 +95,8 @@ article + article {
   background: $img-border top left repeat-x;
 }
 #content .blog-index {
+  padding: { top: 0; bottom: 0; }
+  article { padding-top: 2em; }
   article header { background: none; padding-bottom: 0; }
   article h1 {
     font-size: 2.2em;
@@ -126,3 +128,23 @@ article + article {
   padding: 0 .4em 0 .2em;
   display: inline-block;
 }
+
+nav[role=pagination] {
+  text-align: center;
+  font-size: .95em;
+  div {
+    position: relative;
+    background: $img-border top left repeat-x;
+    padding: {top: 1.5em; bottom: 1.5em;}
+  }
+  a {
+    text-decoration: none;
+    color: $text-color-light;
+    &.prev { position: absolute; left: 0; }
+    &.next { position: absolute; right: 0; }
+    &:hover { color: $link-color-hover; }
+    &[href*=archive] {
+      &:before, &:after { content: '\2014'; padding: 0 .3em; }
+    }
+  }
+}
diff --git a/.themes/classic/sass/partials/_navigation.scss b/.themes/classic/sass/partials/_navigation.scss
index be132561..fca61322 100644
--- a/.themes/classic/sass/partials/_navigation.scss
+++ b/.themes/classic/sass/partials/_navigation.scss
@@ -86,7 +86,7 @@ body > nav {
       .search { width: 91%; }
     }
     fieldset[role=mobile-nav] { display: none; }
-    fieldset[role=site-search]{ width: 100%; }
+    fieldset[role=site-search]{ width: 99%; }
   }
 
   @media only screen and (min-width: 992px) {
diff --git a/.themes/classic/sass/partials/_sharing.scss b/.themes/classic/sass/partials/_sharing.scss
index 58a4c30b..1fa97750 100644
--- a/.themes/classic/sass/partials/_sharing.scss
+++ b/.themes/classic/sass/partials/_sharing.scss
@@ -1,7 +1,6 @@
-footer .sharing {
-  display: inline-block;
-  position: relative;
-  top: .3em;
-  padding-left: .5em;
-  &:first-child { padding-left: 0; }
+.sharing {
+  p.meta + & {
+    padding: { top: 1em; left: 0; }
+    background: $img-border top left repeat-x;
+  }
 }