summaryrefslogtreecommitdiff
path: root/design/old/v9/_comments.scss
diff options
context:
space:
mode:
Diffstat (limited to 'design/old/v9/_comments.scss')
-rw-r--r--design/old/v9/_comments.scss122
1 files changed, 122 insertions, 0 deletions
diff --git a/design/old/v9/_comments.scss b/design/old/v9/_comments.scss
new file mode 100644
index 0000000..39c7930
--- /dev/null
+++ b/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;
+ }
+}
+