diff options
| -rw-r--r-- | .themes/classic/sass/base/_layout.scss | 19 | ||||
| -rw-r--r-- | .themes/classic/sass/partials/_blog.scss | 10 | ||||
| -rw-r--r-- | .themes/classic/source/index.html | 20 |
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}}">← Older</a> - {% endif %} - <a href="/blog/archives">Blog Archives</a> - {% if paginator.previous_page %} - <a class="next" href="{{paginator.previous_page}}">Newer →</a> - {% endif %} - </div> - </nav> + <div class="pagination"> + {% if paginator.next_page %} + <a class="prev" href="{{paginator.next_page}}">← Older</a> + {% endif %} + <a href="/blog/archives">Blog Archives</a> + {% if paginator.previous_page %} + <a class="next" href="{{paginator.previous_page}}">Newer →</a> + {% endif %} + </div> </div> <aside class="sidebar"> {% if site.blog_index_asides.size %} |