Browse code

Removes <nav> for Pagination links, fixes #216

Frederic Hemberger authored on 17/10/2011 at 16:50:28
Showing 3 changed files
... ...
@@ -44,7 +44,7 @@ body {
44 44
   max-width: $max-width;
45 45
   position: relative;
46 46
   margin: 0 auto;
47
-  > header, > nav, > footer, #content > article, #content > div > article, #content > div > section, nav.pagination {
47
+  > header, > nav, > footer, #content > article, #content > div > article, #content > div > section {
48 48
     @extend .group;
49 49
     padding-left: $pad-min;
50 50
     padding-right: $pad-min;
... ...
@@ -61,6 +61,23 @@ body {
61 61
       padding-right: $pad-wide;
62 62
     }
63 63
   }
64
+  div.pagination {
65
+    @extend .group;
66
+    margin-left: $pad-min;
67
+    margin-right: $pad-min;
68
+    @media only screen and (min-width: 480px) {
69
+      margin-left: $pad-narrow;
70
+      margin-right: $pad-narrow;
71
+    }
72
+    @media only screen and (min-width: 768px) {
73
+      margin-left: $pad-medium;
74
+      margin-right: $pad-medium;
75
+    }
76
+    @media only screen and (min-width: 992px) {
77
+      margin-left: $pad-wide;
78
+      margin-right: $pad-wide;
79
+    }
80
+  }
64 81
   > header {
65 82
     font-size: 1em;
66 83
     padding-top: 1.5em;
... ...
@@ -123,14 +123,12 @@ article + article {
123 123
   display: inline-block;
124 124
 }
125 125
 
126
-#content nav.pagination {
126
+#content div.pagination {
127 127
   text-align: center;
128 128
   font-size: .95em;
129
-  div {
130
-    position: relative;
131
-    background: $img-border top left repeat-x;
132
-    padding: {top: 1.5em; bottom: 1.5em;}
133
-  }
129
+  position: relative;
130
+  background: $img-border top left repeat-x;
131
+  padding: {top: 1.5em; bottom: 1.5em;}
134 132
   a {
135 133
     text-decoration: none;
136 134
     color: $text-color-light;
... ...
@@ -10,17 +10,15 @@ layout: default
10 10
       {% include article.html %}
11 11
     </article>
12 12
   {% endfor %}
13
-  <nav class="pagination">
14
-    <div>
15
-      {% if paginator.next_page %}
16
-        <a class="prev" href="{{paginator.next_page}}">&larr; Older</a>
17
-      {% endif %}
18
-      <a href="/blog/archives">Blog Archives</a>
19
-      {% if paginator.previous_page %}
20
-      <a class="next" href="{{paginator.previous_page}}">Newer &rarr;</a>
21
-      {% endif %}
22
-    </div>
23
-  </nav>
13
+  <div class="pagination">
14
+    {% if paginator.next_page %}
15
+      <a class="prev" href="{{paginator.next_page}}">&larr; Older</a>
16
+    {% endif %}
17
+    <a href="/blog/archives">Blog Archives</a>
18
+    {% if paginator.previous_page %}
19
+    <a class="next" href="{{paginator.previous_page}}">Newer &rarr;</a>
20
+    {% endif %}
21
+  </div>
24 22
 </div>
25 23
 <aside class="sidebar">
26 24
   {% if site.blog_index_asides.size %}