Optimized pin icon size.

This commit is contained in:
Cotes Chung 2020-06-09 13:11:40 +08:00
parent b22da94134
commit f9706411e7
2 changed files with 9 additions and 7 deletions

View File

@ -52,7 +52,7 @@ layout: page
<div class="d-flex justify-content-between pr-xl-2"> <div class="d-flex justify-content-between pr-xl-2">
<h1><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h1> <h1><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h1>
{% if post.pin %} {% if post.pin %}
<i class="fas fa-thumbtack fa-fw text-muted fa-sm mt-1 mt-xl-2" data-toggle="tooltip" data-placement="left" <i class="fas fa-thumbtack fa-fw text-muted mt-1 ml-2 mt-xl-2" data-toggle="tooltip" data-placement="left"
title="Pinned"></i> title="Pinned"></i>
{% endif %} {% endif %}
</div> </div>

View File

@ -20,17 +20,19 @@
h1 { h1 {
font-size: 1.4rem; font-size: 1.4rem;
margin: 0; margin: 0;
~i { // pinned icon
font-size: .86rem;
} }
i.far { /* fontawesome icons */
font-size: 86%;
} }
.post-meta { .post-meta {
i:not(:first-child) { // post-meta icons on the homepage i {
font-size: .73rem;
&:not(:first-child) { // post-meta icons on the homepage
margin-left: 1.5rem; margin-left: 1.5rem;
} }
} }
}
.post-content { .post-content {
margin-top: .6rem; margin-top: .6rem;