tables.css
ASCII text
1table { 2border-collapse: collapse; 3background: var(--color-table); 4color: var(--color-table-text); 5font: var(--table-font); 6} 7 8td, th { 9padding: var(--padding-cell); 10border-top: var(--border-cell-vertical); 11border-bottom: var(--border-cell-vertical); 12border-left: var(--border-cell-horizontal); 13border-right: var(--border-cell-horizontal); 14} 15 16tr:nth-child(odd) { 17background: var(--color-row-odd); 18color: var(--color-row-odd-text); 19} 20 21tr:nth-child(even) { 22background: var(--color-row-even); 23color: var(--color-row-even-text); 24} 25 26th { 27background: var(--color-row-header); 28color: var(--color-row-header-text); 29font: var(--table-header-font); 30} 31 32ol.table { 33background: var(--color-table); 34color: var(--color-table-text); 35padding: 0; 36margin: 0; 37list-style: none; 38font: var(--table-font); 39} 40 41ol.table > li { 42border-top: var(--border-cell-vertical); 43display: flex; 44padding: var(--padding-cell); 45align-items: center; 46justify-content: left; 47flex-flow: row wrap; 48} 49 50ol.table > li:nth-child(odd) { 51background: var(--color-row-odd); 52color: var(--color-row-odd-text); 53} 54 55ol.table > li:nth-child(even) { 56background: var(--color-row-even); 57color: var(--color-row-even-text); 58} 59 60ol.table > li:last-of-type { 61border-bottom: var(--border-cell-vertical); 62} 63 64ol.table > li.list-header { 65background: var(--color-row-header); 66color: var(--color-row-header-text); 67font: var(--table-header-font); 68}