sendou.ink/app/features/user-page/components/ParticipationPill.module.css

30 lines
411 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(--bg-lightest);
border-radius: var(--rounded);
}
.participating {
background-color: var(--theme);
}