diff options
Diffstat (limited to 'design/old/v9/_comments.scss')
-rw-r--r-- | design/old/v9/_comments.scss | 122 |
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; + } +} + |