@ -161,6 +161,7 @@
--code-foreground: #124;
--code-background: #8fbcbb;
--a-visited-text: var(--a-normal-text);
--tag-border-color: black;
}
@media (prefers-color-scheme: light) {
@ -237,6 +238,7 @@
--a-hover-bg: #bfbfbf40;
--a-active-text: #c00;
--a-active-underline: #c00;
--tag-border-color: #0000005e;
color-scheme: light;
}
}
@ -316,6 +318,7 @@
--a-hover-bg: #bfbfbf40;
--a-active-text: #c00;
--a-active-underline: #c00;
--tag-border-color: #000;
color-scheme: dark;
}
@ -995,4 +998,49 @@
height:1px;
overflow:hidden;
}
<
ul.tags.inline {
display: contents;
}
ul.tags {
list-style: none;
margin: 0;
padding: 0;
height: max-content;
vertical-align: baseline;
display: inline-flex;
gap: 0.8ex;
flex-flow: row wrap;
}
.tag {
--padding-top-bottom: 1px;
--padding-left-right: 5.4px;
display: inline-block;
border: 1px solid var(--tag-border-color);
border-radius:.2rem;
color: #555;
font-size: .9rem;
padding: 0px 0.4em 1px 0.4em;
padding: var(--padding-top-bottom) var(--padding-left-right);
text-decoration: none;
--aa-brightness: ((var(--red) * 299) + (var(--green) * 587) + (var(--blue) * 114)) / 1000;
--aa-color: calc((var(--aa-brightness) - 128) * -1000);
background: rgb(var(--red), var(--green), var(--blue));
color: rgb(var(--aa-color), var(--aa-color), var(--aa-color));
min-width: max-content;
max-height: calc(1.5cap + var(--padding-top-bottom));
min-height: calc(1.5cap + var(--padding-top-bottom));
}
span.tag-name a {
text-decoration: none;
color: inherit;
}
< / style >