Removes <nav> for Pagination links, fixes #216

2 files changed, 22 insertions, 7 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;