Add pagination styles

Author: achan

app/styles/app.scss

@@ -10,6 +10,7 @@
 @import "components/mcac-header.scss";
 @import "components/pace";
 @import "components/page-view";
+@import "components/pagination";
 @import "components/post-composer";
 @import "components/post-form";
 @import "components/post-view";

app/styles/components/pagination.scss

@@ -0,0 +1,30 @@
+.pagination-wrapper {
+  text-align: center;
+
+  .pagination {
+    li {
+      background-color: $white;
+      display: inline-block;
+      font-size: 18px;
+      margin: $padding-s;
+      padding: $padding-s $padding-m;
+    }
+
+    a, a:visited {
+      color: $gray-dark;
+    }
+
+    .arrow {
+      &.prev {
+      }
+
+      &.next {
+      }
+    }
+  }
+
+  .page-number {
+    &.active {
+    }
+  }
+}

app/styles/pages/index.scss

@@ -54,7 +54,7 @@
     padding-bottom: $padding-xl;
   }
 
-  @media only screen and (min-width: $small-device-break) {
+  @media only screen and (min-width: $medium-device-break) {
     .cover-page {
       h1 {
         font-size: 64px;