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