feat(skills): use flex gap and round tag corners

This commit is contained in:
Rafael Bardini 2022-03-08 12:56:28 +01:00
parent 8153ba12b5
commit a963bf3e64
2 changed files with 6 additions and 4 deletions

View File

@ -67,7 +67,7 @@ ul {
padding-left: 1em;
}
:not(.icon-list) > li + li {
:not(.icon-list, .tag-list) > li + li {
margin-top: 0.4em;
}
@ -199,13 +199,14 @@ blockquote > * + * {
.tag-list {
display: flex;
flex-wrap: wrap;
gap: 0.4em;
list-style: none;
padding: 0;
}
.tag-list > li {
background: var(--color-muted);
margin: 0 0.2em 0.2em 0;
border-radius: 0.2em;
padding: 0.2em 0.6em;
}

View File

@ -83,7 +83,7 @@ ul {
padding-left: 1em;
}
:not(.icon-list) > li + li {
:not(.icon-list, .tag-list) > li + li {
margin-top: 0.4em;
}
@ -215,13 +215,14 @@ blockquote > * + * {
.tag-list {
display: flex;
flex-wrap: wrap;
gap: 0.4em;
list-style: none;
padding: 0;
}
.tag-list > li {
background: var(--color-muted);
margin: 0 0.2em 0.2em 0;
border-radius: 0.2em;
padding: 0.2em 0.6em;
}