ThirdMirrors
/
cheatsheets
mirror of https://gitee.com/Hawkin99/cheatsheets.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix comment count

This commit is contained in:
Rico Sta. Cruz 2017-09-02 04:02:31 +08:00
parent d36351ebb9
commit 2bec7435d4
No known key found for this signature in database
GPG Key ID: CAAD38AE2962619A
4 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
_includes/2017/comments-area.html
View File

@ -1,15 +1,17 @@
{% assign identifier = include.page.url | remove: '.html' | remove_first: '/' %}
<section class='comments-area' id='comments'>
<div class='container'>
<details class='comments-details'>
<summary>
<strong class='count'>
<span class='disqus-comment-count' data-disqus-url='{{ site.url }}{{ include.page.url | remove: '.html' }}#disqus_thread'>Comments</span>
<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>
</summary>
<div class='comments-section'>
<div class='comments'>
<div id='disqus_thread'></div>
<noscript data-js-disqus='{"host":"{{ site.disqus_host }}","url":"{{ site.url }}{{ include.page.url | remove: '.html' }}","identifier":"{{ include.page.url | remove: '.html' | remove_first: '/' }}"}'></noscript>
<noscript data-js-disqus='{"host":"{{ site.disqus_host }}","url":"{{ site.url }}/{{ identifier }}","identifier":"{{ identifier }}"}'></noscript>
</div>
</div>
</details>

1
_sass/2017/components/comments-area.scss
View File

@ -20,7 +20,6 @@
content: '';
display: block;
background: linear-gradient(to right, $dark-line-color 50%, transparent);
margin-bottom: 16px;
height: 1px;
}
}

20
_sass/2017/components/comments-details.scss
View File

@ -4,26 +4,32 @@
.comments-details {
& > summary {
margin-bottom: 16px;
@include font-size(1);
color: $base-a;
margin: 16px 0;
white-space: nowrap;
cursor: pointer;
color: $base-head;
}
& > summary:hover,
& > summary:focus {
color: $base-a;
&, & > .suffix {
color: $base-a7;
}
}
& > summary > strong {
@include font-size(1);
& > summary > .count {
font-weight: bold;
}
& > summary > strong::before {
& > summary > .count::before {
@include ion-icon('md-chatboxes');
color: $base-a;
font-size: 24px;
margin: 0 16px 0 8px;
margin: 0 8px;
}
& > summary > .suffix {
color: $base-mute;
}
}

2
_sass/2017/variables.scss
View File

@ -32,6 +32,8 @@ $base-a: adjust-color(#8370bd, $lightness: -5%); // indigo
$base-b: adjust-color(#2b72a2, $lightness: -5%); // blue
$base-c: adjust-color(#17c694, $lightness: -5%); // teal
$base-a3: adjust-color($base-a, $lightness: 16%, $hue: -20deg);
$base-a7: adjust-color($base-a, $lightness: -16%, $hue: 20deg);
$base-b3: adjust-color($base-b, $lightness: 16%, $hue: -20deg);
$base-b7: adjust-color($base-b, $lightness: -16%, $hue: 20deg);
$base-mute7: adjust-color($base-mute, $lightness: -16%);