sendou.ink/app/features/user-page/components/ParticipationPill.module.css
Kalle fef1ffc955
Design refresh + a bunch of stuff (#2864)
Co-authored-by: hfcRed <hfcred@gmx.net>
2026-03-19 17:51:42 +02:00

30 lines
426 B
CSS

.container {
width: 60px;
display: flex;
flex-direction: column;
gap: var(--s-0-5);
}
.text {
font-size: var(--font-xs);
font-weight: var(--weight-semi);
text-align: center;
}
.pill {
display: flex;
gap: var(--s-1);
height: 10px;
}
.pillLine {
width: 100%;
height: 100%;
background-color: var(--color-bg-higher);
border-radius: var(--radius-box);
}
.participating {
background-color: var(--color-accent);
}