mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-09-07 19:55:46 -05:00
51
app/components/RankTable.module.css
Normal file
51
app/components/RankTable.module.css
Normal file
@@ -0,0 +1,51 @@
|
||||
.table {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--s-0-5);
|
||||
font-size: var(--font-sm);
|
||||
font-weight: var(--weight-semi);
|
||||
}
|
||||
|
||||
.rank {
|
||||
min-width: 28px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.row {
|
||||
background-color: var(--color-bg-high);
|
||||
display: flex;
|
||||
padding: var(--s-2) var(--s-3);
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
color: var(--color-text);
|
||||
transition: 0.1s ease-in-out background-color;
|
||||
border-radius: 0;
|
||||
|
||||
&:first-of-type {
|
||||
border-radius: var(--radius-box) var(--radius-box) 0 0;
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
border-radius: 0 0 var(--radius-box) var(--radius-box);
|
||||
}
|
||||
|
||||
&:only-child {
|
||||
border-radius: var(--radius-box);
|
||||
}
|
||||
}
|
||||
|
||||
a.row:hover {
|
||||
background-color: var(--color-bg-higher);
|
||||
}
|
||||
|
||||
.weapon {
|
||||
background-color: var(--color-bg);
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.innerRow {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--s-3);
|
||||
width: 100%;
|
||||
}
|
||||
Reference in New Issue
Block a user