Michael Fabian 'Xaymar' Dirks
121 lines
3.2 KiB
SCSS
121 lines
3.2 KiB
SCSS
// --------------------------------------------------------------------------------
|
|
// 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";
|
|
} |