prev/next post done

Ram swaroop · Ram swaroop · commit caa795dc4ef9 · 2015-05-25T17:13:28.000+05:30
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -15,6 +15,16 @@ <h1 class="title">{{ page.title }}</h1>
     <section class="post-content">{{ content }}</section>
 </article>
 
+<!-- Post navigation -->
+<div id="post_nav">
+    {% if page.previous.url %}
+        <a class="prev" href="{{ page.previous.url }}" {% if page.next.url == null %} style="border-right:1px solid rgba(0, 0, 0, 0.1)" {% endif %}><h4>{{ page.previous.title }}</h4> &laquo; {{ site.theme.str_prev }}</a>
+    {% endif %}
+    {% if page.next.url %}
+        <a class="next" href="{{ page.next.url }}" {% if page.previous.url == null %} style="margin-left:50%;border-left:1px solid rgba(0, 0, 0, 0.1)" {% else %} style="border-left:1px solid rgba(0, 0, 0, 0.1)" {% endif %}><h4>{{ page.next.title }}</h4> {{ site.theme.str_next }} &raquo;</a>
+    {% endif %}
+</div>
+
 <!-- Disqus -->
 {% if site.theme.disqus_shortname %}
 <div class="comments">
diff --git a/_sass/layouts/_posts.scss b/_sass/layouts/_posts.scss
@@ -48,6 +48,7 @@ header {
   }
 }
 
+/** Custom **/
 .share-bar {
   text-align: center;
   display: none;
@@ -56,3 +57,22 @@ header {
   vertical-align: top;
   margin: 20px 0;
 }
+// Post navigation (next/prev post)
+#post_nav {
+  width:100%;
+  display: inline-block;
+  border-bottom: 1px solid $border-color;
+}
+#post_nav .prev {
+  @extend %padding-regular;
+  width: 50%;
+  display: inline-block;
+  float: left;
+  text-align: left;
+}
+#post_nav .next {
+  @extend %padding-regular;
+  width: 50%;
+  display: inline-block;
+  text-align: right;
+}
