Removes <nav> for Pagination links, fixes #216

This commit is contained in:
Frederic Hemberger 2011-10-17 18:50:28 +02:00
parent ffa68a1fe3
commit 1362e9d57b
3 changed files with 31 additions and 18 deletions

View File

@ -44,7 +44,7 @@ body {
max-width: $max-width; max-width: $max-width;
position: relative; position: relative;
margin: 0 auto; 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; @extend .group;
padding-left: $pad-min; padding-left: $pad-min;
padding-right: $pad-min; padding-right: $pad-min;
@ -61,6 +61,23 @@ body {
padding-right: $pad-wide; 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 { > header {
font-size: 1em; font-size: 1em;
padding-top: 1.5em; padding-top: 1.5em;

View File

@ -123,14 +123,12 @@ article + article {
display: inline-block; display: inline-block;
} }
#content nav.pagination { #content div.pagination {
text-align: center; text-align: center;
font-size: .95em; font-size: .95em;
div { position: relative;
position: relative; background: $img-border top left repeat-x;
background: $img-border top left repeat-x; padding: {top: 1.5em; bottom: 1.5em;}
padding: {top: 1.5em; bottom: 1.5em;}
}
a { a {
text-decoration: none; text-decoration: none;
color: $text-color-light; color: $text-color-light;

View File

@ -10,17 +10,15 @@ layout: default
{% include article.html %} {% include article.html %}
</article> </article>
{% endfor %} {% endfor %}
<nav class="pagination"> <div class="pagination">
<div> {% if paginator.next_page %}
{% if paginator.next_page %} <a class="prev" href="{{paginator.next_page}}">&larr; Older</a>
<a class="prev" href="{{paginator.next_page}}">&larr; Older</a> {% endif %}
{% endif %} <a href="/blog/archives">Blog Archives</a>
<a href="/blog/archives">Blog Archives</a> {% if paginator.previous_page %}
{% if paginator.previous_page %} <a class="next" href="{{paginator.previous_page}}">Newer &rarr;</a>
<a class="next" href="{{paginator.previous_page}}">Newer &rarr;</a> {% endif %}
{% endif %} </div>
</div>
</nav>
</div> </div>
<aside class="sidebar"> <aside class="sidebar">
{% if site.blog_index_asides.size %} {% if site.blog_index_asides.size %}