Removes <nav> for Pagination links, fixes #216

3 files changed, 31 insertions, 18 deletions

diff --git a/.themes/classic/sass/base/_layout.scss b/.themes/classic/sass/base/_layout.scss
index 40240fff..3774a3ce 100644
--- a/.themes/classic/sass/base/_layout.scss
+++ b/.themes/classic/sass/base/_layout.scss
@@ -44,7 +44,7 @@ body {
   max-width: $max-width;
   position: relative;
   margin: 0 auto;
-  > header, > nav, > footer, #content > article, #content > div > article, #content > div > section, nav.pagination {
+  > header, > nav, > footer, #content > article, #content > div > article, #content > div > section {
     @extend .group;
     padding-left: $pad-min;
     padding-right: $pad-min;
@@ -61,6 +61,23 @@ body {
       padding-right: $pad-wide;
     }
   }
+  div.pagination {
+    @extend .group;
+    margin-left: $pad-min;
+    margin-right: $pad-min;
+    @media only screen and (min-width: 480px) {
+      margin-left: $pad-narrow;
+      margin-right: $pad-narrow;
+    }
+    @media only screen and (min-width: 768px) {
+      margin-left: $pad-medium;
+      margin-right: $pad-medium;
+    }
+    @media only screen and (min-width: 992px) {
+      margin-left: $pad-wide;
+      margin-right: $pad-wide;
+    }
+  }
   > header {
     font-size: 1em;
     padding-top: 1.5em;
diff --git a/.themes/classic/sass/partials/_blog.scss b/.themes/classic/sass/partials/_blog.scss
index 2c1358d9..d3ba48a3 100644
--- a/.themes/classic/sass/partials/_blog.scss
+++ b/.themes/classic/sass/partials/_blog.scss
@@ -123,14 +123,12 @@ article + article {
   display: inline-block;
 }
 
-#content nav.pagination {
+#content div.pagination {
   text-align: center;
   font-size: .95em;
-  div {
-    position: relative;
-    background: $img-border top left repeat-x;
-    padding: {top: 1.5em; bottom: 1.5em;}
-  }
+  position: relative;
+  background: $img-border top left repeat-x;
+  padding: {top: 1.5em; bottom: 1.5em;}
   a {
     text-decoration: none;
     color: $text-color-light;
diff --git a/.themes/classic/source/index.html b/.themes/classic/source/index.html
index e2eb6211..a114e5a8 100644
--- a/.themes/classic/source/index.html
+++ b/.themes/classic/source/index.html
@@ -10,17 +10,15 @@ layout: default
       {% include article.html %}
     </article>
   {% endfor %}
-  <nav class="pagination">
-    <div>
-      {% if paginator.next_page %}
-        <a class="prev" href="{{paginator.next_page}}">&larr; Older</a>
-      {% endif %}
-      <a href="/blog/archives">Blog Archives</a>
-      {% if paginator.previous_page %}
-      <a class="next" href="{{paginator.previous_page}}">Newer &rarr;</a>
-      {% endif %}
-    </div>
-  </nav>
+  <div class="pagination">
+    {% if paginator.next_page %}
+      <a class="prev" href="{{paginator.next_page}}">&larr; Older</a>
+    {% endif %}
+    <a href="/blog/archives">Blog Archives</a>
+    {% if paginator.previous_page %}
+    <a class="next" href="{{paginator.previous_page}}">Newer &rarr;</a>
+    {% endif %}
+  </div>
 </div>
 <aside class="sidebar">
   {% if site.blog_index_asides.size %}