Comments: add a CTA
This commit is contained in:
parent
7b9dfadeb9
commit
9f228717fa
|
@ -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'>
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue