Comments: add a CTA

_includes/2017/comments-area.html

@@ -6,7 +6,8 @@
         <strong class='count'>
           <span class='disqus-comment-count' data-disqus-identifier="{{ identifier }}" data-disqus-url='{{ site.url }}/{{ identifier }}#disqus_thread'>Comments</span>
         </strong>
-        <span class='suffix'>for this cheatsheet</span>
+        <span class='suffix'>for this cheatsheet.</span>
+        <span class='fauxlink'>Write yours!</span>
       </summary>
       <div class='comments-section'>
         <div class='comments'>

_sass/2017/components/comments-details.scss

@@ -14,16 +14,21 @@
   & > summary {
     @include font-size(1);
     color: $base-a;
-    padding: 16px 0;
+    padding: 24px 0;
     white-space: nowrap;
     cursor: pointer;
   }
 
   & > summary:hover,
   & > summary:focus {
-    &, & > .suffix {
+    &,
+    & > .suffix {
       color: $base-a7;
     }
+
+    & > .fauxlink {
+      border-bottom: solid 1px $base-a7;
+    }
   }
 
   & > summary > .count {
@@ -40,4 +45,9 @@
   & > summary > .suffix {
     color: $base-mute;
   }
+
+  & > summary > .fauxlink {
+    margin-left: 4px;
+    border-bottom: solid 1px rgba($base-a, 0.25);
+  }
 }