sendou.ink/app/features/user-page/components/ParticipationPill.module.css
2025-12-25 17:37:34 +01:00

30 lines
422 B
CSS

.container {
width: 60px;
display: flex;
flex-direction: column;
gap: var(--s-0-5);
}
.text {
font-size: var(--fonts-xs);
font-weight: var(--semi-bold);
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(--rounded);
}
.participating {
background-color: var(--color-accent);
}