added next and prev buttons

Kikobeats · Aug 7, 2015 · 3c1ddd2 · 3c1ddd2
1 parent f02fd1f
commit 3c1ddd2
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 10 deletions.
diff --git a/assets/css/uno.css b/assets/css/uno.css
diff --git a/assets/js/uno.js b/assets/js/uno.js
diff --git a/assets/scss/components/_media-queries.scss b/assets/scss/components/_media-queries.scss
@@ -18,7 +18,8 @@
 
   /* disabling element, too much information*/
   .pace,
-  .post.reading-time {
+  .post.reading-time,
+  .post.related {
     display: none;
   }
   #search-container {

diff --git a/assets/scss/components/_post.scss b/assets/scss/components/_post.scss
@@ -54,12 +54,7 @@
   pre {
     width: 95%;
   }
-  hr {
-    display: block;
-    width: 30%;
-    margin: 2em 0;
-    border-top: 1px solid $gray-light;
-  }
+
   > header {
     text-align: center;
   }
@@ -100,7 +95,13 @@
     }
   }
   &.comments {
-    margin-top: 2rem;
+    padding: 2rem 0 0 0;
+  }
+
+  &.related {
+    display: flex;
+    justify-content: space-between;
+    padding: 4rem 0 2rem 0;
   }
 }
 

diff --git a/post.hbs b/post.hbs
@@ -23,6 +23,16 @@
       {{content}}
     </div>
 
+    <div class="post related">
+      {{#prev_post}}
+        <a id="prev-btn" class="btn small square" href="{{url}}">← {{title}}</a>
+      {{/prev_post}}
+
+      {{#next_post}}
+        <a id="next-btn" class="btn small square" href="{{url}}">{{title}} →</a>
+      {{/next_post}}
+    </div>
+
     {{> comments}}
 
   </article>