1 files changed, 138 insertions, 0 deletions
diff --git a/design/sass/_homepage.scss b/design/sass/_homepage.scss
new file mode 100644
index 0000000..d153cf6
--- /dev/null
+++ b/design/sass/_homepage.scss
@@ -0,0 +1,138 @@
+.homepage--bottom-wrapper {
+    @include constrain_wide;
+    @extend %clearfix;
+    &:before {
+        @include faded_line_after;
+    }
+}
+.homepage--arc-header {
+    @include fontsize(14);
+    font-family: sans-serif;
+    font-weight: 500;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    margin-bottom: 2em;
+    @include breakpoint(beta) {
+        text-align: left;
+    }
+}
+.archive--homepage {
+    @include breakpoint(beta) {
+        article {
+            display: block;
+            width: 100%;
+            text-align: left;
+        }
+    }
+    @include breakpoint(gamma) {
+        float: left;
+        margin-top: 0;
+        margin-right: 3em;
+        article {
+            width: 620px;
+            margin-left: 0;
+        }
+    }
+    @include breakpoint(delta) {
+        article {
+            width: 780px;
+            margin-left: 0;
+        }
+    }
+}
+.dark .archive--homepage {
+
+}
+.homepage--bright {
+    @include breakpoint(gamma) {
+        float: left;
+        width: 250px;
+    }
+}
+.homepage--next {
+    padding: 6px 0;
+    @include smcaps;
+    text-decoration: none;
+    &:after {
+        content: "\21E2";
+        margin-left: 4px;
+    }
+}
+.has-hero {
+    .header-wrapper {
+        margin-bottom: 0;
+    }
+    .homepage--hero {
+        border: 0;
+        padding: 0;
+        max-width: 100%;
+        position: relative;
+        z-index: 1;
+    }
+    .post--image { margin-left: 5px;}
+    .hero--wrapper {
+        @include constrain_wide;
+        position: relative;
+        z-index: 100;
+        background: rgb(0, 0, 0);
+        background: rgba(0, 0, 0, 0.6);
+        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
+        filter: alpha(opacity = 70);
+        color: $body_font_light;
+        font-weight: 400;
+        padding-bottom: 30px;
+        p { max-width: 100%; }
+        a { color: $body_font_light;}
+        time {display: none;}
+        .btn {text-decoration: none; color: white; }
+        @include breakpoint(gamma) {
+            margin-top: -218px;
+            max-width: 100%;
+            padding-left: 5px;
+            .btn { margin-top: -15px}
+        }
+    }
+    .main--header {
+        margin-bottom: 12px;
+        font-family: 'robotoslab', Georgia, Times;
+        padding-top: .25em;
+        a {
+            color: white;
+            text-decoration: none;
+        }
+    }
+    .main--location {
+        @include fontsize(9);
+        text-align: center;
+        margin-top: -12px; 
+        margin-bottom: 22px; 
+    }
+    .main--tag {
+        color: white;
+        text-align: center;
+        @include breakpoint(gamma) {
+            margin-top: -10px;
+        }
+    }
+}
+.homepage--about {
+    &:after, &:before {
+        @include faded_line_after;
+    }
+    @include breakpoint(gamma) {
+    p { 
+        @include fontsize(18);
+    }
+}
+}
+.black .archive--homepage .post--title a {
+    color: white;
+}
+.black .archive--homepage .post--location a {
+    color: $body_font_light;
+}
+.black .homepage--about {
+    &:after, &:before {
+        @include lighter_faded_line_after;
+    }
+}