Beautified the tags.

This commit is contained in:
Cotes Chung 2019-10-27 15:34:51 +08:00
parent 94cb59fc27
commit 31cacb7278
2 changed files with 7 additions and 7 deletions

View file

@ -425,10 +425,10 @@ footer .license a {
line-height: 1rem; line-height: 1rem;
font-size: 0.85rem; font-size: 0.85rem;
background: none; background: none;
border: 1px solid #ced4da; border: 1px solid #e9ecef;
border-radius: .8rem; border-radius: .8rem;
padding: .25rem .5rem; padding: .3rem .5rem;
margin-bottom: .2rem; margin-bottom: .3rem;
} }
#panel-tags .post-tag:hover { #panel-tags .post-tag:hover {
@ -977,12 +977,12 @@ table tbody td {
/*--- Tab Tags and Tag-Page ---*/ /*--- Tab Tags and Tag-Page ---*/
.tag { .tag {
border-radius: 0.55em; border-radius: 0.7em;
padding: 4px 8px 5px; padding: 6px 8px 7px;
margin-right: .8rem; margin-right: .8rem;
line-height: 3rem; line-height: 3rem;
letter-spacing: 0; letter-spacing: 0;
border: 1px solid #c5c6c7 !important; border: 1px solid #dee2e6 !important;
box-shadow: 0 0 3px 0 #e9ecef; box-shadow: 0 0 3px 0 #e9ecef;
} }

View file

@ -10,7 +10,7 @@ title: Tags
'site.tags' looks like a Map, e.g. site.tags.MyTag.[ Post0, Post1, ... ] 'site.tags' looks like a Map, e.g. site.tags.MyTag.[ Post0, Post1, ... ]
Print the {{ site.tags }} will help you to understand it. Print the {{ site.tags }} will help you to understand it.
{% endcomment %} {% endcomment %}
<div id="tags" class="d-flex flex-wrap"> <div id="tags" class="d-flex flex-wrap ml-xl-2 mr-xl-2">
{% assign tags = "" | split: "" %} {% assign tags = "" | split: "" %}
{% for t in site.tags %} {% for t in site.tags %}
{% assign tags = tags | push: t[0] %} {% assign tags = tags | push: t[0] %}