hugo site

assets/css/main.scss

@@ -1,6 +1,3 @@
----
----
-
 @import "variables";
 @import "syntax";
 @import "tools/normalize";

assets/css/parts/_pagination.scss

@@ -0,0 +1,35 @@
+ul.pagination {
+    list-style-type: none;
+    display: inline-block;
+    margin: 1rem auto !important;
+}
+
+ul.pagination li {
+    display: inline-block;
+    border: 1px solid $light-gray;
+    min-width: 2rem;
+    text-align: center;
+    margin-right: -5px;
+}
+
+ul.pagination li:last-of-type {
+    border-top-right-radius: 2px;
+    border-bottom-right-radius: 2px;
+}
+
+ul.pagination li:first-of-type {
+    border-top-left-radius: 2px;
+    border-bottom-left-radius: 2px;
+}
+
+ul.pagination .page-item.disabled a {
+    color: #666;
+    border: none;
+    cursor: text;
+}
+
+ul.pagination .page-item.active a {
+    text-decoration: none;
+    border: none;
+    cursor: text;
+}

assets/css/sass/parts/_pagination.scss

@@ -1,27 +0,0 @@
-.pagination {
-  margin-bottom: 30px;
-  .previous {
-    float: left;
-  }
-  .next {
-    float: right;
-  }
-  .previous, .next {
-    text-decoration: none;
-    text-transform: uppercase;
-    font-size: 14px;
-    color: $dark-gray;
-    &:hover {
-      opacity: .8;
-      color: $dark-pink;
-    }
-
-    .invert & {
-        color: $light-gray;
-
-        &:hover {
-            color: $light-pink;
-        }
-    }
-  }
-}