57 lines
1.2 KiB
SCSS
57 lines
1.2 KiB
SCSS
// NibblePoker.lu CSS - (C) 2023 Bozet Herwin
|
|
|
|
table.stylish {
|
|
th {
|
|
font-weight: bold;
|
|
}
|
|
|
|
tr {
|
|
background-color: #{$color-background-table-dual};
|
|
}
|
|
|
|
tr:not(:last-of-type), th {
|
|
border-bottom: 1.5px solid #{$color-table-border};
|
|
}
|
|
|
|
tr:nth-child(2n), th {
|
|
background-color: #{$color-background-table-main};
|
|
}
|
|
|
|
td:not(:last-of-type), th:not(:last-of-type) {
|
|
border-right: 1.5px solid #{$color-table-border};
|
|
}
|
|
|
|
// Applying .p-xs and .p-s to all cells if needed
|
|
// See 'core/spacing' for more info.
|
|
&.table-p-xs {
|
|
td, th {
|
|
padding: calc(#{$margin-base-size} * 0.5);
|
|
}
|
|
}
|
|
|
|
&.table-h-p-s {
|
|
th {
|
|
padding: calc(#{$margin-base-size} * 0.75);
|
|
}
|
|
}
|
|
|
|
&.table-p-s {
|
|
td, th {
|
|
padding: calc(#{$margin-base-size} * 0.75);
|
|
}
|
|
}
|
|
|
|
&.table-v-center {
|
|
tr, td {
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
|
|
// Fixing border issues when using rounded corners by using a "fake" one using the background's color.
|
|
// It will look like utter shit when rounded on firefox because its rendering engine cannot clip rounded corners apparently.
|
|
// I guess that's what being at less than 3% of the market share does to you and your ability to care about basic shit.
|
|
&.border {
|
|
background-color: #{$color-border-all};
|
|
}
|
|
}
|