Comments icon via CSS so it persists after Disqus JS

This commit is contained in:
Paulus Schoutsen 2014-12-26 20:18:55 -08:00
parent 41c6bd2979
commit 919d3b5458
2 changed files with 9 additions and 3 deletions

View File

@ -77,6 +77,12 @@ article {
margin-right: 0;
}
}
.comments::before {
content: "\f075";
font-family: "FontAwesome";
padding-right: 3px;
}
}
// Blog listings, index page

View File

@ -14,9 +14,9 @@
{% include post/time_to_read.html %}
{% include blog/post/tags.html %}
{% if site.disqus_short_name and page.comments != false and post.comments != false and site.disqus_show_comment_count == true %}
<a href="{% if index %}{{ root_url }}{{ post.url }}{% endif %}#disqus_thread">
<i class="icon-comment"></i> Comments
</a>
<a class='comments'
href="{% if index %}{{ root_url }}{{ post.url }}{% endif %}#disqus_thread"
>Comments</a>
{% endif %}
</div>
{% endunless %}