Rewrote all sass and reconfigured HTML to use more microformats and

clearer class names

1 files changed, 111 insertions, 0 deletions

diff --git a/design/sass/_writing_archive.scss b/design/sass/_writing_archive.scss
new file mode 100644
index 0000000..b398e26
--- /dev/null
+++ b/design/sass/_writing_archive.scss
@@ -0,0 +1,111 @@
+.archive {
+    @extends %clearfix;
+    @include constrain_wide();
+    margin-top: 3em;
+    .post--title { 
+        text-align: left;
+        margin: .25rem 4px;
+        @include fontsize(24);
+        a {
+            color: $body_font;
+            text-decoration: none;
+            font-style: italic;
+        }
+        @include breakpoint(gamma) {
+            @include fontsize(22);
+            margin: .1rem 4px;
+        }
+    }
+    .post--location {
+        @include fontsize(11);
+    }
+    .post--date{
+        margin: 0 4px;
+        text-align: left;
+    }
+    .post--image img { background: none; max-width: 100%; padding: 0}
+    article {
+        margin: 0;
+        display: inline-block;
+        margin-bottom: 2em;
+        vertical-align: top;
+    }
+    p {
+        margin-top: 0;
+        margin-left: 4px;
+        margin-right: 4px;
+    }
+    @include breakpoint(beta) {
+        article {
+            width: 48.25%;
+        }
+        p {
+            @include fontsize(16);
+        }
+        .odd {
+            padding-right: 10px;
+        }
+        .even {
+            padding-left: 10px;
+        }
+    }
+    @include breakpoint(gamma) {
+        article {
+            width: 31%;
+        }
+        .odd, .even { padding: 0;}
+        .first {
+            padding-right: 10px;
+        }
+        .second {
+            padding-right: 10px;
+            padding-left: 10px;
+        }
+        .third {
+            padding-left: 10px;
+        }
+        p {
+            @include fontsize(14);
+            margin-top: 0;
+            margin-left: 4px;
+            margin-right: 4px;
+        }
+    }
+    @include breakpoint(delta) {
+        article { width: 374px;}
+    }
+}
+
+.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;
+        }
+    }
+}