2 files changed, 7 insertions(+), 40 deletions(-)

M _includes/post_pagination.html
M _sass/minimal-mistakes/_navigation.scss

@@ 1,21 1,13 @@
 {% if page.previous or page.next %}
   <nav class="pagination">
     {% if page.previous %}
-      <a href="{{ page.previous.url | relative_url }}" class="pagination--pager" title="{{ page.previous.title | markdownify | strip_html }}">
-        <i class="fa fa-angle-left"></i>
-      </a>
-    {% else %}
-      <a href="#" class="pagination--pager disabled">
-        <i class="fa fa-angle-left"></i>
+      <a href="{{ page.previous.url | relative_url }}" class="pagination--pager">
+        <i class="fa fa-angle-left"></i> {{ page.previous.title | markdownify | strip_html }}
       </a>
     {% endif %}
     {% if page.next %}
-      <a href="{{ page.next.url | relative_url }}" class="pagination--pager" title="{{ page.next.title | markdownify | strip_html }}">
-        <i class="fa fa-angle-right"></i>
-      </a>
-    {% else %}
-      <a href="#" class="pagination--pager disabled">
-        <i class="fa fa-angle-right"></i>
+      <a href="{{ page.next.url | relative_url }}" class="pagination--pager right">
+        {{ page.next.title | markdownify | strip_html }} <i class="fa fa-angle-right"></i>
       </a>
     {% endif %}
   </nav>

@@ 105,36 105,11 @@
   /* next/previous buttons */
   &--pager {
     display: block;
-    padding: 1em 2em;
-    float: left;
-    width: 50%;
+    padding: 0.5em 0em;
     font-size: $type-size-5;
-    font-weight: bold;
-    text-align: center;
-    text-decoration: none;
-    border-radius: $border-radius;
-    border-width: 1px;
-    border-style: solid;
-    transition: 0.2s ease-in-out;
-
-    &:hover {
-      text-decoration: none;
-    }
-
-    &:first-child {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-
-    &:last-child {
-      margin-left: -1px;
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-    }
 
-    &.disabled {
-      pointer-events: none;
-      cursor: not-allowed;
+    .right {
+      text-align: end;
     }
   }
 }