pulled pagination into its own sass file and cleaned up styles

4 files changed, 46 insertions, 33 deletions

diff --git a/design/sass/_mixins.scss b/design/sass/_mixins.scss
index 9778019..9331b83 100644
--- a/design/sass/_mixins.scss
+++ b/design/sass/_mixins.scss
@@ -1,6 +1,7 @@
 $brown: #201a11;
 $light: #ccc;
 $orange: #b53a04;
+$link_color: #b53a04;
 $body_font: $brown;
 $body_font_light: #b3aeae;
 //$light;
diff --git a/design/sass/_pagination.scss b/design/sass/_pagination.scss
new file mode 100644
index 0000000..404aeb7
--- /dev/null
+++ b/design/sass/_pagination.scss
@@ -0,0 +1,44 @@
+.pagination {
+    @include generic_sans;
+    margin-top: 2em;
+    margin-bottom: 2em;
+    font-weight: 400;
+    line-height: 2.3;
+    li {
+        display: inline;
+    }
+    a {
+        text-decoration: none;
+        border: 1px solid lighten($body_font, 30);
+        color: lighten($body_font, 20);
+        padding: 9px 6px 6px 6px;
+        margin-left: .25em;
+        margin-right: .25em;
+    }
+    .prev {
+        border: none;
+        &:before {
+            content: "\2190";
+        }
+    }
+    .next {
+        border: none;
+        &:after {
+            content: "\2192";
+            margin-left: .35em;
+        }
+    }
+    @include breakpoint(beta) {
+        .prev {
+            margin-right: 2em;
+        }
+        .next {
+            margin-left: 2em;
+        }
+        .current {
+            color: $link_color;
+            margin-right: .5em;
+            margin-left: .5em;
+        }
+    }
+}
diff --git a/design/sass/_writing_archive.scss b/design/sass/_writing_archive.scss
index 7f3e01e..994ee4a 100644
--- a/design/sass/_writing_archive.scss
+++ b/design/sass/_writing_archive.scss
@@ -117,36 +117,3 @@
     }
 }
 
-.pagination {
-    font-family: "carrois_gothicregular" sans-serif;
-    text-transform: uppercase;
-    font-weight: 600;
-    line-height: 2.3;
-    li {
-        display: inline;
-    }
-    a {
-        text-decoration: none;
-        border: 1px solid #c99984;
-        padding: 4px 8px;
-    }
-    .prev {
-        &:before {
-            content: "\21E0";
-        }
-    }
-    .next {
-        &:after {
-            content: "\21E2";
-        }
-    }
-    @include breakpoint(beta) {
-        @include fontsize(22);
-        .prev {
-            margin-right: 2em;
-        }
-        .next {
-            margin-left: 2em;
-        }
-    }
-}
diff --git a/design/sass/screenv8.scss b/design/sass/screenv8.scss
index 74ea603..29dbb25 100644
--- a/design/sass/screenv8.scss
+++ b/design/sass/screenv8.scss
@@ -7,6 +7,7 @@
 @import "_global.scss";
 @import "_header.scss";
 @import "_footer.scss";
+@import "_pagination.scss";
 @import "_writing_details.scss";
 @import "_notes.scss";
 @import "_writing_archive.scss";