From ec27bdbf64751cf59d95dfa13086f506f7a8cda0 Mon Sep 17 00:00:00 2001
From: Hanju Jo <dev.hanju.jo@gmail.com>
Date: Sat, 7 Oct 2017 02:52:01 +0900
Subject: [PATCH] Post paginator

---
 _layouts/post.html | 25 +++++++++++++++++++++++++
 style.scss         |  8 ++++++++
 2 files changed, 33 insertions(+)

diff --git a/_layouts/post.html b/_layouts/post.html
index d27c48066a7..de34c484f93 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -13,5 +13,30 @@ <h1>{{ page.title }}</h1>
     Written on {{ page.date | date: "%B %e, %Y" }}
   </div>
 
+  <div class="pagination">
+    {% if page.previous.url %}
+      <span class="prev" >
+        {% if page.previous.link %}
+          <a href="{{ page.previous.link }}">
+        {% else %}
+          <a href="{{ page.previous.url }}">
+        {% endif %}
+            &#xE000; {{ page.previous.title }}
+          </a>
+      </span>
+    {% endif %}
+    {% if page.next.url %}
+      <span class="next" >
+        {% if page.next.link %}
+          <a href="{{ page.next.link }}">
+        {% else %}
+          <a href="{{ page.next.url }}">
+        {% endif %}
+            {{ page.next.title }} &#xE001;
+          </a>
+      </span>
+    {% endif %}
+  </div>
+
   {% include disqus.html %}
 </article>
diff --git a/style.scss b/style.scss
index d98cc86500a..6e86c83192d 100644
--- a/style.scss
+++ b/style.scss
@@ -432,9 +432,15 @@ nav {
 .pagination {
   font-weight: 300;
   padding: 2em 0;
+  display: block;
+
+  @include mobile {
+    font-size: $small-font-size;
+  }
 
   > .prev {
     float: left;
+    width: 50%;
     a {
       color: $pagination-color;
       &:hover, &:focus {
@@ -445,6 +451,8 @@ nav {
 
   > .next {
     float: right;
+    text-align: right;
+    width: 50%;
     a {
       color: $pagination-color;
       &:hover, &:focus {