mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-06-25 16:19:19 +02:00
43 lines
1.1 KiB
CSS
43 lines
1.1 KiB
CSS
/* ============================================================
|
|
TABLES — Base table, th, td styling.
|
|
Root: element selectors (universal table styling)
|
|
============================================================ */
|
|
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
font-size: var(--step--1);
|
|
}
|
|
|
|
th {
|
|
text-align: left;
|
|
font-size: var(--step--2);
|
|
letter-spacing: 0.08em;
|
|
text-transform: uppercase;
|
|
padding: var(--space-3xs) var(--space-xs);
|
|
border-bottom: 1px solid var(--border-primary);
|
|
color: var(--text-secondary);
|
|
font-weight: 400;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
td {
|
|
padding: var(--space-2xs) var(--space-xs);
|
|
border-bottom: 1px solid var(--border-primary);
|
|
vertical-align: top;
|
|
}
|
|
|
|
/* Sticky header — border-collapse:collapse blocks position:sticky in Chrome.
|
|
--sticky-top is set by JS when a bulk actions bar appears above the table. */
|
|
.admin-table--sticky {
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.admin-table--sticky thead th {
|
|
position: sticky;
|
|
top: var(--sticky-top, 0px);
|
|
z-index: 5;
|
|
background: var(--bg-primary);
|
|
}
|