feat(skills): use flex gap and round tag corners
This commit is contained in:
parent
8153ba12b5
commit
a963bf3e64
|
@ -67,7 +67,7 @@ ul {
|
||||||
padding-left: 1em;
|
padding-left: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
:not(.icon-list) > li + li {
|
:not(.icon-list, .tag-list) > li + li {
|
||||||
margin-top: 0.4em;
|
margin-top: 0.4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -199,13 +199,14 @@ blockquote > * + * {
|
||||||
.tag-list {
|
.tag-list {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
gap: 0.4em;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tag-list > li {
|
.tag-list > li {
|
||||||
background: var(--color-muted);
|
background: var(--color-muted);
|
||||||
margin: 0 0.2em 0.2em 0;
|
border-radius: 0.2em;
|
||||||
padding: 0.2em 0.6em;
|
padding: 0.2em 0.6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -83,7 +83,7 @@ ul {
|
||||||
padding-left: 1em;
|
padding-left: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
:not(.icon-list) > li + li {
|
:not(.icon-list, .tag-list) > li + li {
|
||||||
margin-top: 0.4em;
|
margin-top: 0.4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -215,13 +215,14 @@ blockquote > * + * {
|
||||||
.tag-list {
|
.tag-list {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
gap: 0.4em;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tag-list > li {
|
.tag-list > li {
|
||||||
background: var(--color-muted);
|
background: var(--color-muted);
|
||||||
margin: 0 0.2em 0.2em 0;
|
border-radius: 0.2em;
|
||||||
padding: 0.2em 0.6em;
|
padding: 0.2em 0.6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue