cleaned up comment styles with fancier fonts

1 files changed, 20 insertions, 9 deletions

diff --git a/design/sass/_comments.scss b/design/sass/_comments.scss
index 7abbe83..f480728 100644
--- a/design/sass/_comments.scss
+++ b/design/sass/_comments.scss
@@ -1,14 +1,11 @@
 //### COMMENTS AND FORMS ###
 .comments--header {
     @include constrain_narrow;
-    font-family: Helvetica Neue, Helvetica, sans-serif;
+    @include fancy_sans;
     line-height: 6em;
     @include fontsize(16);
     font-style: italic;
-    &:before {
-        @include faded_line_after;
-        margin-top: 2em;
-    }
+    margin-top: 2em;
 }
 .comments--wrapper {
     @include constrain_narrow();
@@ -36,15 +33,17 @@
 }
 .comment--body {
     margin-bottom: 3em;
+    @include fontsize(22);
 }
 .who {
-    font-family: Helvetica Neue, Helvetica, sans-serif;
-    @include fontsize(18);
+    @include fancy_sans;
+    @include fontsize(22);
 }
 .when {
-    @include fontsize(13);
+    @include fancy_sans;
+    @include fontsize(15);
+    color: #999;
     margin-left: 1em;
-    font-style: italic;
 }
 
 .gravatar {
@@ -59,6 +58,7 @@
 
 .comment--form--wrapper {
     @include constrain_narrow();
+    border-top: 3px double #efefef;
     p {
         font-family: $fancy_serif;
     }
@@ -85,5 +85,16 @@
 }
 .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;
+    }
 }