fix blog example to use customized pagination based on button styles

20261385 · Mark Otto · e482fe24 · 20261385 · 20261385
Commit 20261385 authored 9 years ago by Mark Otto
Hide whitespace changes
Inline Side-by-side

Showing

with 5 additions and 11 deletions
+5 -11
--- a/docs/examples/blog/blog.css
+++ b/docs/examples/blog/blog.css
@@ -125,14 +125,10 @@ h6, .h6 {
 /* Pagination */
-.pager {
+.blog-pagination {
  margin-bottom: 4rem;
-  text-align: left;
 }
-.pager > li > a {
+.blog-pagination > .btn {
-  width: 8rem;
-  padding: .75rem 1.25rem;
-  text-align: center;
  border-radius: 2rem;
 }

--- a/docs/examples/blog/index.html
+++ b/docs/examples/blog/index.html
@@ -104,11 +104,9 @@
            <p>Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.</p>
          </div><!-- /.blog-post -->
-          <nav>
+          <nav class="blog-pagination">
-            <ul class="pager">
+            <a class="btn btn-outline-primary" href="#">Older</a>
-              <li><a href="#">Older</a></li>
+            <a class="btn btn-outline-secondary disabled" href="#">Newer</a>
-              <li class="disabled"><a href="#">Newer</a></li>
-            </ul>
          </nav>
        </div><!-- /.blog-main -->