From 9f228717fa12b34386f222298901a7f454eb2f24 Mon Sep 17 00:00:00 2001
From: "Rico Sta. Cruz" <rstacruz@users.noreply.github.com>
Date: Sat, 2 Sep 2017 04:11:33 +0800
Subject: [PATCH] Comments: add a CTA

---
 _includes/2017/comments-area.html           |  3 ++-
 _sass/2017/components/comments-details.scss | 14 ++++++++++++--
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/_includes/2017/comments-area.html b/_includes/2017/comments-area.html
index 3261952c8..f951dd770 100644
--- a/_includes/2017/comments-area.html
+++ b/_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'>
diff --git a/_sass/2017/components/comments-details.scss b/_sass/2017/components/comments-details.scss
index 72cf0d750..f0eaf8ca6 100644
--- a/_sass/2017/components/comments-details.scss
+++ b/_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);
+  }
 }