Comments: add a CTA

This commit is contained in:
Rico Sta. Cruz 2017-09-02 04:11:33 +08:00
parent 7b9dfadeb9
commit 9f228717fa
No known key found for this signature in database
GPG Key ID: CAAD38AE2962619A
2 changed files with 14 additions and 3 deletions

View File

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

View File

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