1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 | table {
|
15 | width: 100%;
|
16 | border-color: inherit;
|
17 | border-collapse: collapse;
|
18 | border-spacing: 0;
|
19 | text-indent: 0;
|
20 | }
|
21 |
|
22 |
|
23 |
|
24 |
|
25 |
|
26 |
|
27 | th,
|
28 | td {
|
29 | padding: calc(var(--spacing) / 2) var(--spacing);
|
30 | border-bottom: var(--border-width) solid var(--table-border-color);
|
31 | color: var(--color);
|
32 | font-size: var(--font-size);
|
33 | font-weight: var(--font-weight);
|
34 | text-align: left;
|
35 | }
|
36 |
|
37 |
|
38 | tr {
|
39 | background-color: var(--background-color);
|
40 | }
|
41 |
|
42 |
|
43 | table {
|
44 | &[role="grid"] {
|
45 | tbody tr:nth-child(odd) {
|
46 | --background-color: var(--table-row-stripped-background-color);
|
47 | }
|
48 | }
|
49 | }
|