ayo/threads
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: hover colors on pills

Browse source
This commit is contained in:
Ayo Ayco 2025-01-18 18:39:58 +01:00
parent 2e8258613b
commit 1f91f7add9
1 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
templates/threads.html
View file

@ -100,15 +100,19 @@
}
.pill {
border-radius: 0.5em;
background-color: rgba(197, 209, 222, 0.5);
border-radius: 2em;
background-color: rgba(197, 209, 222, 0.25);
margin: 0 0.5em 0.5em 0;
padding: 0.5em;
padding: 1em;
display: inline-block;
font-size: var(--font-size-sm);
color: var(--text-color-dark);
text-decoration: none;
&:hover {
color: var(--color-link);
}
& .pill-label {
background-color: rgba(0, 0, 0, 0.15);
border-radius: 0.5em;
@ -289,6 +293,10 @@
.pill {
background-color: rgba(0, 0, 0, 0.15);
color: var(--text-color-light-faded);
&:hover {
color: var(--color-brand-complement);
}
}
}
</style>