1 files changed, 150 insertions, 0 deletions
diff --git a/design/sass/v8/_writing_archive.scss b/design/sass/v8/_writing_archive.scss
new file mode 100644
index 0000000..69397b1
--- /dev/null
+++ b/design/sass/v8/_writing_archive.scss
@@ -0,0 +1,150 @@
+.archive {
+    @extends %clearfix;
+    @include constrain_wide();
+    margin-top: 3em;
+    .post--title { 
+        text-align: left;
+        margin: .25rem 4px;
+        font-weight: normal;
+        @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 {
+        width: 100%;
+        margin: 0;
+        display: inline-block;
+        margin-bottom: 2em;
+        vertical-align: top;
+    }
+    p {
+        margin-top: 0;
+        margin-left: 4px;
+        margin-right: 4px;
+    }
+    @include breakpoint(alpha) {
+        article {
+            width: 45.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: 354px;}
+    }
+    @include breakpoint(epsilon) {
+        article, article img { width: 410px;}
+    }
+}
+
+.date-archive {
+    @extends %clearfix;
+    @include constrain_wide();
+    margin: 0 auto;
+    margin-bottom: 9em;
+    max-width: 460px !important;
+    text-align: left;
+}
+.dater {
+    @extends %clearfix;
+    margin-top: 3em;
+    margin-bottom: 3em;
+    span {
+        @include smcaps;
+        @include fontsize(11);
+        font-family: sans-serif;
+    }
+    ul {
+        margin-top: .5em;
+        margin-bottom: 1.5em;
+        li {
+            @extends %clearfix;
+            clear: both;
+        }
+    }
+    
+}
+.arc-item {
+    clear: both;
+    margin: 0 auto;
+    a {
+        display: block;
+        float: left;
+    }
+    time {
+        float: right;
+        line-height: 36px;
+    }
+}
+.homepage--about .homepage--arc-header:after{
+    @extend %clearfix;
+    display: block;
+    width: 100%;
+    margin: 2em auto 1em;
+    height: 150px;
+    background: url("/media/img/usa-resize.svg") 50% no-repeat;
+    background-size: 230px;
+    @include breakpoint(gamma) {
+        display: inline;
+        width: 0;
+        height: 0;
+        background: none;
+    }
+}
+
+.homepage--about {
+    @include breakpoint(gamma) {
+        background: url("/media/img/usa-resize.svg") 0 60% no-repeat;
+        background-size: 120px;
+    }
+    @include breakpoint(delta) {
+        background-size: 170px;
+    }
+    @include breakpoint(epsilon) {
+        background-size: 250px;
+    }
+}