1 files changed, 122 insertions, 0 deletions
diff --git a/design/sass/_comments.scss b/design/sass/_comments.scss
new file mode 100644
index 0000000..52ff6b1
--- /dev/null
+++ b/design/sass/_comments.scss
@@ -0,0 +1,122 @@
+//### COMMENTS AND FORMS ###
+.comments--header {
+    @include constrain_narrow;
+    font-family: Helvetica Neue, Helvetica, sans-serif;
+    line-height: 6em;
+    @include fontsize(16);
+    font-style: italic;
+    &:before {
+        @include faded_line_after;
+        margin-top: 2em;
+    }
+}
+.comments--wrapper {
+    @include constrain_narrow();
+    text-align: left;
+    margin-top: -2em;
+}
+.comment {
+    margin-top: 2.5em;
+    margin-bottom: 2.5em;
+    &:first-child {
+        margin-top: none;
+    }
+    &:after {
+        @include faded_line_after;
+    }
+    &:last-child:after {
+        display: none;
+    }
+}
+.comment--head, .comment--body {
+    margin-left: 80px;
+}
+.comment--head {
+    margin-bottom: 1em;
+}
+.comment--body {
+    margin-bottom: 3em;
+}
+.who {
+    font-family: Helvetica Neue, Helvetica, sans-serif;
+    @include fontsize(18);
+}
+.when {
+    @include fontsize(13);
+    margin-left: 1em;
+    font-style: italic;
+}
+
+.gravatar {
+    border: 2px $brown solid;
+    background: transparent;
+    max-width: 100%;
+    padding: 0;
+    float: left;
+    margin-top: 5px;
+}
+
+
+.comment--form--wrapper {
+    @include constrain_narrow();
+    &:before {
+        @include faded_line_after;
+    }
+}
+.comment--form--header {
+    margin-top: 2em;
+}
+.comment--form {
+    margin: 0 auto;
+    @include breakpoint(delta) {
+        margin-left: 20%
+    }
+    label {
+        display: block;
+        font-weight: 500;
+        letter-spacing: 1px;
+        font-family: "Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
+        @include fontsize(13);
+    }
+    input, textarea {
+        padding: .25em;
+        border: #c5c5c5 1px solid;
+        border-radius: .125em;
+        color: darken($body_font_light, 20);
+        width: 100%;
+        @include breakpoint(gamma) {
+            width: 70%;
+        }
+    }
+    input[type="submit"] {
+        width: auto;
+        color: white;
+        letter-spacing: 1px;
+        background: $orange;
+        font: bold .65em Verdana,sans-serif;
+        text-transform: uppercase;
+        border: none;
+        border-radius: .25em;
+        padding: 8px 12px 7px;
+    }
+    blockquote {
+        margin: 3em 0;
+        p {
+            @include fontsize(18);
+        }
+    }
+    h2, h3 { text-align: left}
+}
+.comment--form--header-h1 {
+    @include breakpoint(delta) {
+        text-align: left;
+        margin-left: 30%;
+        @include fontsize(24);
+    }
+}
+.cform-arc { 
+    @include breakpoint(delta) {
+        margin-left: 30%;
+    }
+}
+