diff --git a/extras/typography/general.css b/extras/typography/general.css index bf19f9a..723690f 100644 --- a/extras/typography/general.css +++ b/extras/typography/general.css @@ -192,64 +192,64 @@ mark { /* ===== Tables ===== */ -table, .table, td, .td { +table, .faux-table, td, .faux-td { color: var(--theme-text-body); font-family: var(--font-body); } -table, .table { +table, .faux-table { display: table; margin-block: 2rem; border-collapse: collapse; } table, th, td, -.table, .th, .td { +.faux-table, .faux-th, .faux-td { font-size: 1rem; line-height: 1.75; } -thead, .thead { +thead, .faux-thead { display: table-header-group; } -tbody, .tbody { +tbody, .faux-tbody { display: table-row-group; } tbody tr, -.tbody .tr { +.faux-tbody .faux-tr { border-top: 1px var(--theme-line) solid; } -tr, .tr { +tr, .faux-tr { display: table-row; } -th, .th { +th, .faux-th { text-align: center; font-weight: 700; color: var(--theme-text-heading); } -th, .th, -td, .td { +th, .faux-th, +td, .faux-td { padding-block: 0.5rem; padding-inline: 1rem; display: table-cell; } -td, .td { +td, .faux-td { display: table-cell; font-weight: 300; vertical-align: top; } -:is(td, .td):not(:last-of-type) { +:is(td, .faux-td):not(:last-of-type) { border-inline-end: 0.1rem solid var(--theme-line); } -:is(table, .table) :is(input, select) { +:is(table, .faux-table) :is(input, select) { margin-block: 0; }