Files
sendou.ink/app/features/tournament-bracket/components/Bracket/PlacementsTable.module.css
2026-08-21 22:02:47 +03:00

98 lines
1.5 KiB
CSS

.rrPlacementsTable {
font-size: var(--font-xs);
font-weight: var(--weight-semi);
min-width: max-content;
overflow-x: auto;
max-width: 600px;
& thead {
color: var(--color-text-high);
}
& th {
text-align: left;
& abbr {
padding-inline: var(--s-2);
}
}
& td span {
padding-inline: var(--s-2);
}
& td a.destinationLink {
color: inherit;
font-style: inherit;
padding-inline: var(--s-2);
}
& td button {
height: auto;
}
& td a.teamNameLink {
display: inline-block;
max-width: 240px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
}
& tbody tr:nth-child(odd) {
background-color: var(--color-bg-high);
}
& tbody tr:nth-child(even) {
background-color: var(--color-bg-higher);
}
}
.standingsDividerRow {
background-color: transparent !important;
}
.standingsDivider {
padding: 0;
}
.standingsDividerContent {
display: flex;
align-items: center;
gap: var(--s-2);
padding-block: var(--s-2);
}
.standingsDividerLine {
flex: 1;
height: 2px;
background-color: var(--color-border);
}
.standingsDividerText {
font-size: var(--font-2xs);
font-weight: var(--weight-bold);
white-space: nowrap;
}
.standingsDividerQualified {
& .standingsDividerLine {
background-color: var(--color-success);
}
& .standingsDividerText {
color: var(--color-success);
}
}
.standingsDividerEliminated {
& .standingsDividerLine {
background-color: var(--color-error);
}
& .standingsDividerText {
color: var(--color-error);
}
}