| @@ -13,9 +13,9 @@ | ||
| 13 | 13 | /* Default toggle variable for LTR and RTL CSS. */ |
| 14 | 14 | $direction: "ltr" !default; |
| 15 | 15 | |
| 16 | 16 | /* Default variables for the LTR CSS. */ |
| 17 | -$align-side: left !default; | |
| 17 | +$align-side: left; | |
| 18 | 18 | |
| 19 | 19 | /* Variables for the RTL CSS. */ |
| 20 | 20 | @if "rtl" == $direction { |
| 21 | 21 | $align-side: right; |
| @@ -26,11 +26,11 @@ | ||
| 26 | 26 | --text-color: #111111; |
| 27 | 27 | --head-text-color: var(--text-color); |
| 28 | 28 | --head-bg-color: #d9edf7; |
| 29 | 29 | --odd-text-color: var(--text-color); |
| 30 | - --odd-bg-color: #f9f9f9; | |
| 30 | + --odd-bg-color: #ffffff; | |
| 31 | 31 | --even-text-color: var(--text-color); |
| 32 | - --even-bg-color: #ffffff; | |
| 32 | + --even-bg-color: #f9f9f9; | |
| 33 | 33 | --hover-text-color: var(--text-color); |
| 34 | 34 | --hover-bg-color: #f3f3f3; |
| 35 | 35 | --border-color: #dddddd; |
| 36 | 36 | --padding: 0.5rem; |
| @@ -51,19 +51,19 @@ | ||
| 51 | 51 | background: none; |
| 52 | 52 | text-align: $align-side; |
| 53 | 53 | vertical-align: top; |
| 54 | 54 | float: none !important; /* Work around themes that set `float` on `.column-1` CSS classes and similar. */ |
| 55 | - box-sizing: content-box; | |
| 55 | + box-sizing: border-box; | |
| 56 | 56 | } |
| 57 | 57 | |
| 58 | 58 | /* Horizontal borders */ |
| 59 | - > * + tbody > * > *, | |
| 59 | + > :where(thead) + tbody > * > *, | |
| 60 | 60 | > tbody > * ~ * > *, |
| 61 | - > tfoot > * > * { | |
| 61 | + > tfoot > :where(:first-child) > * { | |
| 62 | 62 | border-top: 1px solid var(--border-color); |
| 63 | 63 | } |
| 64 | 64 | |
| 65 | - /* Row background colors. For backwards-compatibility, using :nth-child or :nth-of-type is not feasible. */ | |
| 65 | + /* Row background colors */ | |
| 66 | 66 | > :where(thead, tfoot) > * > th { |
| 67 | 67 | background-color: var(--head-bg-color); |
| 68 | 68 | color: var(--head-text-color); |
| 69 | 69 | font-weight: bold; |
| @@ -70,13 +70,18 @@ | ||
| 70 | 70 | word-break: normal; |
| 71 | 71 | vertical-align: middle; |
| 72 | 72 | } |
| 73 | 73 | > :where(tbody) { |
| 74 | - > .odd > * { | |
| 74 | + > tr > * { | |
| 75 | + color: var(--text-color); | |
| 76 | + } | |
| 77 | + } | |
| 78 | + > :where(tbody.row-striping) { | |
| 79 | + > :nth-child(odd) > * { | |
| 75 | 80 | background-color: var(--odd-bg-color); |
| 76 | 81 | color: var(--odd-text-color); |
| 77 | 82 | } |
| 78 | - > .even > * { | |
| 83 | + > :nth-child(even) > * { | |
| 79 | 84 | background-color: var(--even-bg-color); |
| 80 | 85 | color: var(--even-text-color); |
| 81 | 86 | } |
| 82 | 87 | } |
