pagination

Author: Nickstr

app/controllers/ForumController.php

@@ -17,7 +17,7 @@ public function __construct(CommentRepository $comments, TagRepository $tags)
 
     public function getIndex()
     {
-        $tags = $this->tags->getAllTagsBySlug(Input::get('tags'));      
+        $tags = $this->tags->getAllTagsBySlug(Input::get('tags'));
 
         $threads = $this->comments->getForumThreadsByTagsPaginated($tags, 20);
         $threads->appends(['tags' => Input::get('tags')]);
@@ -28,7 +28,7 @@ public function getIndex()
     public function getThread()
     {
         $thread   = App::make('slugModel');
-        $comments = $this->comments->getThreadCommentsPaginated($thread);
+        $comments = $this->comments->getThreadCommentsPaginated($thread, 5);
 
         $this->view('forum.thread', compact('thread', 'comments'));
     }

public/scss/app.scss

@@ -36,3 +36,4 @@
 @import "modules/code";
 @import "modules/alert";
 @import "modules/auth";
+@import "modules/pagination";

public/scss/modules/_pagination.scss

@@ -0,0 +1,63 @@
+/* ==========================================================================
+   MOBILE FIRST MODULE SKELETON
+   ========================================================================== */
+
+// MOBILE STYLES ////////////////////////////////////////////////////////////
+
+.pagination {
+
+    li {
+        float: left;
+        margin: 0;
+        list-style-type: none;
+    }
+
+    li a, .disabled, .active {
+        display: inline-block;
+        padding: 7px 15px;
+        font-size: 14px;
+    }
+
+    a:hover {
+        background: $lioRed;
+        color:white;
+    }
+
+    .active {
+        background: $lioRed;
+        color:white;
+    }
+}
+
+
+// BREAKPOINT 1 (480) ////////////////////////////////////////////////////////////
+
+@media only screen and (min-width: 480px) {
+
+    .module {}
+
+}
+
+
+// BREAKPOINT 2 (768) ////////////////////////////////////////////////////////////
+
+@media only screen and (min-width: 768px) {
+
+    .module {}
+}
+
+
+// BREAKPOINT 3 (1024) ////////////////////////////////////////////////////////////
+
+@media only screen and (min-width: 1024px) {
+
+    .module {}
+}
+
+
+// BREAKPOINT 4 (1440) ////////////////////////////////////////////////////////////
+
+@media only screen and (min-width: 1440px) {
+
+    .module {}
+}