asandikci.com/web
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Optimized pin icon size.

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_layouts/home.html
View file

@ -52,7 +52,7 @@ layout: page
<div class="d-flex justify-content-between pr-xl-2">
<h1><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h1>
{% 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>
{% endif %}
</div>

14
assets/css/home.scss
View file

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