1 files changed, 122 insertions, 0 deletions
diff --git a/bak/design/old/v9/_comments.scss b/bak/design/old/v9/_comments.scss
new file mode 100644
index 0000000..39c7930
--- /dev/null
+++ b/bak/design/old/v9/_comments.scss
@@ -0,0 +1,122 @@
+//### COMMENTS AND FORMS ###
+.comments--header {
+    @include constrain_narrow;
+    @include fancy_sans;
+    line-height: 6em;
+    @include fontsize(16);
+    font-style: italic;
+    margin-top: 2em;
+}
+.comments--wrapper {
+    @include constrain_narrow();
+    text-align: left;
+    margin-top: -2em;
+}
+.comment {
+    margin-top: 2.5em;
+    margin-bottom: 2.5em;
+    padding-top: 3rem;
+    &:first-child {
+        margin-top: none;
+    }
+    &:after {
+        @include faded_line_after;
+    }
+    &:last-child:after {
+        display: none;
+    }
+}
+.comment--head, .comment--body {
+    @include breakpoint(alpha) {
+        margin-left: 80px;
+        margin-top: -2rem;
+    }
+}
+.comment--head {
+    margin-bottom: 1em;
+}
+.comment--body {
+    margin-bottom: 3em;
+    @include fontsize(22);
+    hr {
+        width: 20%;
+        overflow: visible;
+        padding: 0;
+        border: none;
+        border-top: 2px solid #d4d4d4;
+        color: #efefef;
+        background: none;
+    }
+}
+.who {
+    @include fancy_sans;
+    @include fontsize(22);
+}
+.when {
+    @include fancy_sans;
+    @include fontsize(15);
+    color: #999;
+    margin-left: 1em;
+}
+
+.gravatar {
+    border: 2px $brown solid;
+    background: transparent;
+    max-width: 100%;
+    padding: 0;
+    float: left;
+    margin-top: 5px;
+    margin-right: 8px;
+    @include breakpoint(alpha) {
+        margin-right: 0;
+    }
+}
+
+
+.comment--form--wrapper {
+    @include constrain_narrow();
+    p {
+        font-family: $fancy_serif;
+    }
+    input[type="submit"] {
+        display: inline-block;
+        @include fancy_sans;
+        @include fontsize(14);
+        font-weight: 600;
+        width: auto;
+        text-transform: uppercase;
+        padding: 8px 12px 7px;
+    }
+    .submit {
+        @extend %clearfix;
+        display: block;
+        margin-right: 0;
+    }
+    .submit .btn {
+        float: right;
+        &:first-of-type {
+            margin-left: 5px;
+        }
+    }
+    label {
+        left: 1.2rem !important;
+    }
+}
+.comment-form-border{
+    border-top: 3px double #efefef;
+}
+.comment--form--header {
+    margin-top: 2em;
+    .hed {
+        @include fontsize(28);
+        margin: 0;
+    }
+    .subhed {
+        font-style: italic;
+        @include fontsize(20);
+        line-height: 1.25;
+        margin-top: 0;
+        margin-bottom: 0;
+    }
+}
+