// -------------------------------------------------------------------------------- // Block: Table // -------------------------------------------------------------------------------- table.block { margin: 0; padding: 0; display: table; width: 100%; table-layout: auto; border-collapse: collapse; } table.block>thead>tr, table.block>tbody>tr { margin: 0; padding: 0; vertical-align: top; } table.block>thead>tr { background: $theme-article-table-head-background; } table.block>tbody>tr { background: $theme-article-table-body-background; } table.block>tbody>tr:nth-child(2n) { background: $theme-article-table-body-background-alt; } table.block>thead>tr>th, table.block>tbody>tr>th { margin: 0; padding: 0.75rem 1.5rem; font-weight: bold; font-variant: small-caps; text-align: start; vertical-align: top; border: 1px solid rgba(0, 0, 0, 0.5); border-top: none; border-bottom: none; } table.block>thead>tr>td, table.block>tbody>tr>td { margin: 0; padding: 0.5rem 0.75rem; border: 1px solid rgba(0, 0, 0, 0.5); border-top: none; border-bottom: none; } table.block>thead>tr[data-unit]>th, table.block>tbody>tr[data-unit]>td, table.block>thead>tr>th[data-unit], table.block>tbody>tr>td[data-unit], table.block>thead>tr[data-unit]>th, table.block>tbody>tr[data-unit]>td, table.block>thead>tr>th[data-unit], table.block>tbody>tr>td[data-unit] { text-align: right; } table.block>thead>tr[data-unit=""]>th, table.block>tbody>tr[data-unit=""]>td, table.block>thead>tr>th[data-unit=""], table.block>tbody>tr>td[data-unit=""], table.block>thead>tr[data-unit=""]>th, table.block>tbody>tr[data-unit=""]>td, table.block>thead>tr>th[data-unit=""], table.block>tbody>tr>td[data-unit=""] { text-align: inherit; } table.block>thead>tr[data-unit]>th::before, table.block>tbody>tr[data-unit]>td::before, table.block>thead>tr>th[data-unit]::before, table.block>tbody>tr>td[data-unit]::before, table.block>thead>tr[data-unit]>th::after, table.block>tbody>tr[data-unit]>td::after, table.block>thead>tr>th[data-unit]::after, table.block>tbody>tr>td[data-unit]::after { content: ""; display: block; float: right; font-size: 0.9em; font-style: italic; padding-left: 0.2em; height: 100%; } table.block>thead>tr[data-unit=""]>th::before, table.block>tbody>tr[data-unit=""]>td::before, table.block>thead>tr>th[data-unit=""]::before, table.block>tbody>tr>td[data-unit=""]::before, table.block>thead>tr[data-unit=""]>th::after, table.block>tbody>tr[data-unit=""]>td::after, table.block>thead>tr>th[data-unit=""]::after, table.block>tbody>tr>td[data-unit=""]::after { display: none; } table.block>thead>tr[data-unit="%"]>th::after, table.block>tbody>tr[data-unit="%"]>td::after, table.block>thead>tr>th[data-unit="%"]::after, table.block>tbody>tr>td[data-unit="%"]::after { content: " %"; } table.block>thead>tr[data-unit="ops/ms"]>th::after, table.block>tbody>tr[data-unit="ops/ms"]>td::after, table.block>thead>tr>th[data-unit="ops/ms"]::after, table.block>tbody>tr>td[data-unit="ops/ms"]::after { content: " ops/ms"; } table.block>thead>tr[data-unit="ops/s"]>th::after, table.block>tbody>tr[data-unit="ops/s"]>td::after, table.block>thead>tr>th[data-unit="ops/s"]::after, table.block>tbody>tr>td[data-unit="ops/s"]::after { content: " ops/s"; }