Improved spacing and alignment of tags

This commit is contained in:
squidfunk 2023-09-25 10:56:13 +02:00
parent 573c1ccd83
commit 305c33622c
No known key found for this signature in database
GPG Key ID: 5ED40BC4F9C436DF
4 changed files with 12 additions and 9 deletions

View File

@ -44,7 +44,7 @@
{% endif %}
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.d451bc0e.min.css' | url }}">
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.b2ea3d00.min.css' | url }}">
{% if config.theme.palette %}
{% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.a5377069.min.css' | url }}">

View File

@ -36,17 +36,21 @@
// Tag list
.md-tags {
display: inline-flex;
flex-wrap: wrap;
gap: px2em(8px);
margin-top: px2em(-2px);
margin-bottom: px2em(12px);
}
// Tag
.md-tag {
display: inline-block;
padding: px2em(4px, 12.8px) px2em(12px, 12.8px);
margin-inline-end: 0.5em;
margin-bottom: 0.5em;
font-size: px2rem(12.8px);
display: inline-flex;
gap: px2em(8px);
align-items: center;
padding: px2em(4px, 12.8px) px2em(10px, 12.8px);
font-size: px2rem(12.8px); // Fallback
font-size: min(px2em(12.8px), px2rem(12.8px));
font-weight: 700;
line-height: 1.6;
letter-spacing: initial;
@ -83,7 +87,6 @@
display: inline-block;
width: 1.2em;
height: 1.2em;
margin-right: 0.4em;
vertical-align: text-bottom;
content: "";
background-color: var(--md-default-fg-color--lighter);