OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Improved spacing and alignment of tags

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
material/templates/assets/stylesheets/main.d451bc0e.min.css → material/templates/assets/stylesheets/main.b2ea3d00.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
material/templates/assets/stylesheets/main.d451bc0e.min.css.map → material/templates/assets/stylesheets/main.b2ea3d00.min.css.map
View File

File diff suppressed because one or more lines are too long

2
material/templates/base.html
View File

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

15
src/templates/assets/stylesheets/main/components/_tag.scss
View File

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