contain-css-svelte 1.2.3 → 1.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Card.svelte +216 -288
- package/dist/controls/Button.svelte +39 -1
- package/dist/controls/ButtonLink.svelte +39 -1
- package/dist/controls/Checkbox.svelte +38 -0
- package/dist/controls/CircleButton.svelte +39 -1
- package/dist/controls/Input.svelte +39 -1
- package/dist/controls/RadioButton.svelte +38 -0
- package/dist/controls/Select.svelte +38 -0
- package/dist/controls/Slider.svelte +39 -1
- package/dist/controls/TabItem.svelte +39 -1
- package/dist/controls/Toggle.svelte +39 -1
- package/dist/dropdowns/DropdownMenu.svelte +39 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/dist/layout/Accordion.svelte +39 -1
- package/dist/layout/Bar.svelte +49 -1
- package/dist/layout/ColumnContainer.svelte +39 -1
- package/dist/layout/Columns.svelte +39 -1
- package/dist/layout/Container.svelte +217 -292
- package/dist/layout/DataList.svelte +39 -1
- package/dist/layout/DataListItem.svelte +217 -292
- package/dist/layout/Fieldset.svelte +39 -1
- package/dist/layout/Form.svelte +217 -292
- package/dist/layout/FormItem.svelte +39 -1
- package/dist/layout/GridLayout.svelte +38 -0
- package/dist/layout/Hero.svelte +217 -292
- package/dist/layout/Inline.svelte +45 -1
- package/dist/layout/MenuList.svelte +39 -1
- package/dist/layout/Page.svelte +44 -2
- package/dist/layout/RowContainer.svelte +39 -1
- package/dist/layout/Sidebar.svelte +757 -65
- package/dist/layout/Sidebar.svelte.d.ts +58 -1
- package/dist/layout/SidebarContainer.svelte +198 -0
- package/dist/layout/SidebarContainer.svelte.d.ts +20 -0
- package/dist/layout/SplitPane.svelte +39 -1
- package/dist/layout/Stack.svelte +45 -1
- package/dist/layout/TabBar.svelte +39 -1
- package/dist/layout/Table.svelte +469 -443
- package/dist/layout/Tile.svelte +216 -291
- package/dist/misc/CodeInner.svelte +39 -1
- package/dist/misc/Progress.svelte +217 -292
- package/dist/misc/Tag.svelte +39 -1
- package/dist/overlays/Dialog.svelte +217 -292
- package/dist/overlays/Tooltip.svelte +267 -349
- package/dist/sass/_responsive.scss +15 -0
- package/dist/sass/_typography.scss +203 -191
- package/dist/typography/TextLayout.svelte +494 -292
- package/dist/vars/defaults.css +258 -0
- package/dist/vars/typography-context.css +271 -0
- package/package.json +1 -1
package/dist/layout/Table.svelte
CHANGED
|
@@ -1,184 +1,266 @@
|
|
|
1
1
|
<script lang="ts">/* No attribute pass-through, deliberately: the sticky variant renders the
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
header twice -- once as the visible sticky <table>, once collapsed inside
|
|
3
|
+
the body table so the browser sizes the columns from it. Spreading a
|
|
4
|
+
caller's `id` would emit it twice, which is invalid. Set attributes on the
|
|
5
|
+
<table> markup you pass in as `thead`/`tbody`. */
|
|
5
6
|
let { sticky = false, column_widths = null, thead, tbody, children, } = $props();
|
|
6
7
|
// svelte-ignore state_referenced_locally
|
|
7
8
|
let columns = $state(column_widths || []);
|
|
8
|
-
/*
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
/* Column-width syncing for the sticky-header layout.
|
|
10
|
+
|
|
11
|
+
The sticky header and the scrolling body have to look like one table, but
|
|
12
|
+
a single <table> cannot do it: `position: sticky` on a <thead> loses its
|
|
13
|
+
borders under `border-collapse: collapse` (verified in Chromium, Firefox
|
|
14
|
+
and WebKit), and this library's whole border system is built on collapsed
|
|
15
|
+
borders. So the header is its own <table>, sized from a measured colgroup.
|
|
16
|
+
|
|
17
|
+
The trick that keeps that honest: the body table renders the REAL <thead>
|
|
18
|
+
too, at `visibility: collapse`. That keeps the header's full contribution
|
|
19
|
+
to column widths while costing zero vertical space -- so the browser sizes
|
|
20
|
+
the columns from header and body together, in one ordinary layout pass.
|
|
21
|
+
There is nothing to blend, nothing measured against the wrong containing
|
|
22
|
+
block, and no second copy of the body.
|
|
23
|
+
|
|
24
|
+
`visibility: collapse` also drops that copy out of the accessibility tree
|
|
25
|
+
and out of the tab order in all three engines; the copy is marked `inert`
|
|
26
|
+
as well (see below) so that is stated rather than implied. Note the
|
|
27
|
+
consequence: the
|
|
28
|
+
body table has no exposed column headers -- the visible sticky header is
|
|
29
|
+
the accessible one. That matches the previous behavior, but it is a real
|
|
30
|
+
gap, and only a genuine single-table layout would close it. */
|
|
31
|
+
let bodyTable = $state(null);
|
|
32
|
+
let headTable = $state(null);
|
|
33
|
+
let columnCount = $state(0);
|
|
34
|
+
/* See trimHeadOverhang(): a fixed-layout table's collapsed outer borders
|
|
35
|
+
make it render a little wider than the width we ask for. */
|
|
36
|
+
let overhang = $state(0);
|
|
11
37
|
let resizeObserver = $state(null);
|
|
12
38
|
let tableWidth = $state(null);
|
|
13
39
|
import { onDestroy } from "svelte";
|
|
14
40
|
onDestroy(() => {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
resizeObserver.unobserve(headClone);
|
|
18
|
-
if (bodyClone)
|
|
19
|
-
resizeObserver.unobserve(bodyClone);
|
|
20
|
-
resizeObserver.disconnect();
|
|
21
|
-
resizeObserver = null;
|
|
22
|
-
}
|
|
41
|
+
resizeObserver?.disconnect();
|
|
42
|
+
resizeObserver = null;
|
|
23
43
|
});
|
|
44
|
+
/* How many columns the table has. Pure colspan arithmetic over every row --
|
|
45
|
+
no widths involved, so this is exact even when every row carries a colspan.
|
|
46
|
+
The widest row wins, which also covers rows shortened by a rowspan above. */
|
|
47
|
+
function countColumns(table) {
|
|
48
|
+
let max = 0;
|
|
49
|
+
for (const row of Array.from(table.rows)) {
|
|
50
|
+
let n = 0;
|
|
51
|
+
for (const cell of Array.from(row.cells))
|
|
52
|
+
n += cell.colSpan || 1;
|
|
53
|
+
if (n > max)
|
|
54
|
+
max = n;
|
|
55
|
+
}
|
|
56
|
+
return max;
|
|
57
|
+
}
|
|
58
|
+
/* Read the column widths off the ruler row: one empty, borderless, zero-
|
|
59
|
+
height cell per column, sitting in the real table. Because it is built to
|
|
60
|
+
have exactly one cell per column, there is no "find a row without a
|
|
61
|
+
colspan" guesswork and no dividing a spanned cell evenly and hoping. */
|
|
62
|
+
function measureRuler(table) {
|
|
63
|
+
const row = table.querySelector(".column-ruler > tr");
|
|
64
|
+
if (!row)
|
|
65
|
+
return [];
|
|
66
|
+
return Array.from(row.children).map((cell) => cell.getBoundingClientRect().width);
|
|
67
|
+
}
|
|
68
|
+
/* The table's own width is the truth; the per-cell widths only give the
|
|
69
|
+
proportions. They don't add up to it, because `border-collapse: collapse`
|
|
70
|
+
makes adjacent cells share a border that each of them reports in full, so
|
|
71
|
+
the sum overshoots by about one border per interior boundary. Left alone,
|
|
72
|
+
that makes the header table wider than the body it sits on. The overcount
|
|
73
|
+
is a constant per boundary rather than a percentage, so spread it evenly. */
|
|
74
|
+
function fitToTableWidth(widths, width) {
|
|
75
|
+
if (!widths.length || !width)
|
|
76
|
+
return widths;
|
|
77
|
+
const total = widths.reduce((sum, w) => sum + w, 0);
|
|
78
|
+
const delta = total - width;
|
|
79
|
+
if (Math.abs(delta) < 0.5)
|
|
80
|
+
return widths;
|
|
81
|
+
const perColumn = delta / widths.length;
|
|
82
|
+
return widths.map((w) => Math.max(0, w - perColumn));
|
|
83
|
+
}
|
|
24
84
|
function syncColumnWidths() {
|
|
25
|
-
if (!
|
|
85
|
+
if (!bodyTable)
|
|
86
|
+
return;
|
|
87
|
+
/* First pass sizes the ruler. Rendering it makes this effect run again,
|
|
88
|
+
and the second pass does the measuring. */
|
|
89
|
+
const count = countColumns(bodyTable);
|
|
90
|
+
if (count !== columnCount) {
|
|
91
|
+
columnCount = count;
|
|
92
|
+
corrections = 0;
|
|
26
93
|
return;
|
|
27
|
-
const getFlattenedCellWidths = (row) => {
|
|
28
|
-
if (!row)
|
|
29
|
-
return [];
|
|
30
|
-
const cells = Array.from(row.children);
|
|
31
|
-
const colWidths = [];
|
|
32
|
-
let colIndex = 0;
|
|
33
|
-
for (const cell of cells) {
|
|
34
|
-
const colspan = parseInt(cell.getAttribute("colspan") || "1", 10);
|
|
35
|
-
const width = cell.offsetWidth / colspan;
|
|
36
|
-
for (let j = 0; j < colspan; j++) {
|
|
37
|
-
colWidths[colIndex++] = width;
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
return colWidths;
|
|
41
|
-
};
|
|
42
|
-
const getTotalCols = (row) => {
|
|
43
|
-
if (!row)
|
|
44
|
-
return 0;
|
|
45
|
-
return Array.from(row.children).reduce((acc, cell) => acc + parseInt(cell.getAttribute("colspan") || "1", 10), 0);
|
|
46
|
-
};
|
|
47
|
-
const hasNoColspan = (row) => !Array.from(row.children).some((cell) => cell.hasAttribute("colspan"));
|
|
48
|
-
const findBestRow = (table) => {
|
|
49
|
-
// Fast path: first row covers the vast majority of real tables
|
|
50
|
-
const firstRow = table.querySelector("tbody tr, tr");
|
|
51
|
-
if (firstRow && hasNoColspan(firstRow))
|
|
52
|
-
return firstRow;
|
|
53
|
-
// Slow path: single pass — return on first no-colspan row found,
|
|
54
|
-
// while simultaneously tracking the least-colspan row as a fallback.
|
|
55
|
-
let best = null;
|
|
56
|
-
let bestSpanCount = Infinity;
|
|
57
|
-
for (const row of table.querySelectorAll("tr")) {
|
|
58
|
-
if (hasNoColspan(row))
|
|
59
|
-
return row;
|
|
60
|
-
const spanCount = getTotalCols(row);
|
|
61
|
-
if (spanCount < bestSpanCount) {
|
|
62
|
-
bestSpanCount = spanCount;
|
|
63
|
-
best = row;
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
return best;
|
|
67
|
-
};
|
|
68
|
-
// Step 1: pick best candidate rows
|
|
69
|
-
let headRow = findBestRow(headClone);
|
|
70
|
-
let bodyRow = findBestRow(bodyClone);
|
|
71
|
-
// Step 2: if their total col counts don't match, try to find a pair that does
|
|
72
|
-
if (headRow && bodyRow && getTotalCols(headRow) !== getTotalCols(bodyRow)) {
|
|
73
|
-
const headRows = Array.from(headClone.querySelectorAll("tr"));
|
|
74
|
-
const bodyRows = Array.from(bodyClone.querySelectorAll("tr"));
|
|
75
|
-
outer: for (const hr of headRows) {
|
|
76
|
-
const hCols = getTotalCols(hr);
|
|
77
|
-
for (const br of bodyRows) {
|
|
78
|
-
if (hCols === getTotalCols(br)) {
|
|
79
|
-
headRow = hr;
|
|
80
|
-
bodyRow = br;
|
|
81
|
-
break outer;
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
// Step 3: flatten widths and compute max
|
|
87
|
-
const headWidths = getFlattenedCellWidths(headRow);
|
|
88
|
-
const bodyWidths = getFlattenedCellWidths(bodyRow);
|
|
89
|
-
const numCols = Math.max(headWidths.length, bodyWidths.length);
|
|
90
|
-
const maxColWidths = [];
|
|
91
|
-
for (let i = 0; i < numCols; i++) {
|
|
92
|
-
maxColWidths[i] = Math.max(headWidths[i] || 0, bodyWidths[i] || 0);
|
|
93
94
|
}
|
|
94
|
-
|
|
95
|
-
|
|
95
|
+
const widths = measureRuler(bodyTable);
|
|
96
|
+
if (!widths.length)
|
|
97
|
+
return;
|
|
98
|
+
const width = bodyTable.getBoundingClientRect().width;
|
|
99
|
+
columns = fitToTableWidth(widths, width - overhang);
|
|
100
|
+
tableWidth = width - overhang;
|
|
96
101
|
}
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
102
|
+
/* The header table is `table-layout: fixed` with `box-sizing: border-box`,
|
|
103
|
+
and under `border-collapse: collapse` its outer borders are added on top
|
|
104
|
+
of the column widths -- so it renders a pixel or two wider than the width
|
|
105
|
+
we set, and its right edge overhangs the body. The amount isn't derivable
|
|
106
|
+
from the computed border widths (it differs per table), so measure it once
|
|
107
|
+
and fold it back in. One correction converges; the guard stops it from
|
|
108
|
+
hunting if a layout ever refuses to settle. */
|
|
109
|
+
let corrections = 0;
|
|
110
|
+
function trimHeadOverhang() {
|
|
111
|
+
if (!headTable || !bodyTable || !columns.length)
|
|
112
|
+
return;
|
|
113
|
+
const delta = headTable.getBoundingClientRect().width -
|
|
114
|
+
bodyTable.getBoundingClientRect().width;
|
|
115
|
+
if (Math.abs(delta) < 0.5 || corrections > 3)
|
|
116
|
+
return;
|
|
117
|
+
corrections += 1;
|
|
118
|
+
overhang += delta;
|
|
119
|
+
syncColumnWidths();
|
|
103
120
|
}
|
|
104
|
-
let hasInitialized = $state(false);
|
|
105
121
|
$effect(() => {
|
|
106
|
-
if (
|
|
107
|
-
|
|
108
|
-
|
|
122
|
+
if (column_widths || !sticky || !thead || !bodyTable)
|
|
123
|
+
return;
|
|
124
|
+
// Read columnCount so this re-runs once the ruler row has rendered.
|
|
125
|
+
columnCount;
|
|
126
|
+
syncColumnWidths();
|
|
127
|
+
observeColumns();
|
|
128
|
+
});
|
|
129
|
+
$effect(() => {
|
|
130
|
+
columns;
|
|
131
|
+
trimHeadOverhang();
|
|
109
132
|
});
|
|
110
|
-
|
|
111
|
-
|
|
133
|
+
/* The body table's copy of the header is there to be measured, not used,
|
|
134
|
+
so say so. `visibility: collapse` already keeps it out of the tab order,
|
|
135
|
+
but that is a side effect rather than a statement -- and tools that
|
|
136
|
+
only recognize `visibility: hidden` (testing-library's role queries, for
|
|
137
|
+
one) otherwise find every header control twice. `inert` is the accurate
|
|
138
|
+
word for a copy-for-measurement: out of the focus order and out of the
|
|
139
|
+
accessibility tree, with no effect on layout.
|
|
140
|
+
|
|
141
|
+
The thead is the caller's markup, rendered from their snippet, so it
|
|
142
|
+
cannot carry the attributes in the template. Watch the table's direct
|
|
143
|
+
children instead, in case the caller's snippet swaps its <thead> out. */
|
|
144
|
+
$effect(() => {
|
|
145
|
+
if (!bodyTable)
|
|
112
146
|
return;
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
typeof window !== "undefined" &&
|
|
121
|
-
window.ResizeObserver) {
|
|
122
|
-
let rafPending = false;
|
|
123
|
-
resizeObserver = new ResizeObserver(() => {
|
|
124
|
-
if (!rafPending) {
|
|
125
|
-
rafPending = true;
|
|
126
|
-
requestAnimationFrame(() => {
|
|
127
|
-
rafPending = false;
|
|
128
|
-
syncColumnWidths();
|
|
129
|
-
});
|
|
130
|
-
}
|
|
131
|
-
});
|
|
132
|
-
if (headClone)
|
|
133
|
-
resizeObserver.observe(headClone);
|
|
134
|
-
if (bodyClone)
|
|
135
|
-
resizeObserver.observe(bodyClone);
|
|
147
|
+
const table = bodyTable;
|
|
148
|
+
const mark = () => {
|
|
149
|
+
for (const head of table.querySelectorAll(":scope > thead")) {
|
|
150
|
+
if (!head.hasAttribute("inert"))
|
|
151
|
+
head.setAttribute("inert", "");
|
|
152
|
+
if (head.getAttribute("aria-hidden") !== "true")
|
|
153
|
+
head.setAttribute("aria-hidden", "true");
|
|
136
154
|
}
|
|
137
|
-
|
|
155
|
+
};
|
|
156
|
+
mark();
|
|
157
|
+
if (typeof MutationObserver === "undefined")
|
|
158
|
+
return;
|
|
159
|
+
const observer = new MutationObserver(mark);
|
|
160
|
+
observer.observe(table, { childList: true });
|
|
161
|
+
return () => observer.disconnect();
|
|
162
|
+
});
|
|
163
|
+
/* Keep columns in sync as the table changes underneath us.
|
|
164
|
+
|
|
165
|
+
Watching the table itself is not enough, and this is the subtle one:
|
|
166
|
+
reordering columns leaves the table exactly the same width, so a
|
|
167
|
+
ResizeObserver on the table never fires -- yet every column width has
|
|
168
|
+
moved and the header's colgroup is now stale. (Consumers have had to
|
|
169
|
+
paper over this by remounting the component on a column-set key.)
|
|
170
|
+
|
|
171
|
+
So observe the ruler cells: one per column, they ARE the quantity being
|
|
172
|
+
copied into the colgroup. Reorder them and they swap widths, which fires;
|
|
173
|
+
resize the container and they all change, which fires. Swap two columns of
|
|
174
|
+
identical width and nothing fires -- correctly, because the colgroup would
|
|
175
|
+
be unchanged. ResizeObserver reports them despite `visibility: collapse`,
|
|
176
|
+
verified in Chromium, Firefox and WebKit.
|
|
177
|
+
|
|
178
|
+
Debounced via rAF so a burst of Svelte updates costs one sync per frame. */
|
|
179
|
+
let observedCount = -1;
|
|
180
|
+
let observedRuler = null;
|
|
181
|
+
function observeColumns() {
|
|
182
|
+
if (!bodyTable)
|
|
183
|
+
return;
|
|
184
|
+
if (typeof window === "undefined" || !window.ResizeObserver)
|
|
185
|
+
return;
|
|
186
|
+
const cells = Array.from(bodyTable.querySelectorAll(".column-ruler > tr > td"));
|
|
187
|
+
// The ruler is rendered a tick after the column count is known, so the
|
|
188
|
+
// first call through here finds nothing. Bail without recording anything,
|
|
189
|
+
// and the effect that set the count will bring us straight back.
|
|
190
|
+
if (!cells.length)
|
|
191
|
+
return;
|
|
192
|
+
// Re-attach only when the ruler actually changed, or the observation
|
|
193
|
+
// callback that firing `observe()` produces would re-enter and loop.
|
|
194
|
+
if (observedRuler === cells[0] && observedCount === cells.length)
|
|
195
|
+
return;
|
|
196
|
+
observedRuler = cells[0];
|
|
197
|
+
observedCount = cells.length;
|
|
198
|
+
if (!resizeObserver) {
|
|
199
|
+
let rafPending = false;
|
|
200
|
+
resizeObserver = new ResizeObserver(() => {
|
|
201
|
+
if (rafPending)
|
|
202
|
+
return;
|
|
203
|
+
rafPending = true;
|
|
204
|
+
requestAnimationFrame(() => {
|
|
205
|
+
rafPending = false;
|
|
206
|
+
/* A fresh layout, so the overhang may be re-measured. Correcting
|
|
207
|
+
only ever touches the header table, never the observed ruler, so
|
|
208
|
+
this cannot re-enter. */
|
|
209
|
+
corrections = 0;
|
|
210
|
+
syncColumnWidths();
|
|
211
|
+
});
|
|
212
|
+
});
|
|
138
213
|
}
|
|
214
|
+
resizeObserver.disconnect();
|
|
215
|
+
resizeObserver.observe(bodyTable);
|
|
216
|
+
for (const cell of cells)
|
|
217
|
+
resizeObserver.observe(cell);
|
|
139
218
|
}
|
|
140
219
|
</script>
|
|
141
220
|
|
|
142
221
|
{#if sticky}
|
|
143
222
|
{#if thead}
|
|
144
223
|
<div class="scrolling-table">
|
|
224
|
+
<!-- The visible, interactive header. Sticky as a whole <table>, because
|
|
225
|
+
a sticky <thead> loses its borders under border-collapse: collapse.
|
|
226
|
+
Its colgroup is copied from the real table's measured columns. -->
|
|
145
227
|
<table
|
|
146
228
|
class="fixed-table-head"
|
|
147
|
-
|
|
148
|
-
style:
|
|
229
|
+
bind:this={headTable}
|
|
230
|
+
style:width={tableWidth ? `${tableWidth}px` : null}
|
|
231
|
+
style:max-width={tableWidth ? `${tableWidth}px` : null}
|
|
149
232
|
>
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
233
|
+
{#if columns.length}
|
|
234
|
+
<colgroup>
|
|
235
|
+
{#each columns as width}
|
|
236
|
+
<col style="width: {width}px" />
|
|
237
|
+
{/each}
|
|
238
|
+
</colgroup>
|
|
239
|
+
{/if}
|
|
155
240
|
{@render thead?.()}
|
|
156
241
|
</table>
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
>
|
|
162
|
-
<colgroup>
|
|
163
|
-
{#each columns as width}
|
|
164
|
-
<col style="width: {width}px" />
|
|
165
|
-
{/each}
|
|
166
|
-
</colgroup>
|
|
167
|
-
{@render tbody?.()}
|
|
168
|
-
<!-- Table body content -->
|
|
169
|
-
{@render children?.()}
|
|
170
|
-
<!-- default slot for additional content -->
|
|
171
|
-
</table>
|
|
172
|
-
</div>
|
|
173
|
-
<div class="visually-hidden">
|
|
174
|
-
<table class="fixed-table-head" bind:this={headClone}>
|
|
242
|
+
|
|
243
|
+
<!-- The real table. It carries the header as well as the body, so the
|
|
244
|
+
browser sizes the columns from both at once; the header copy is
|
|
245
|
+
collapsed in CSS, keeping its width contribution at zero height. -->
|
|
246
|
+
<table class="scrolling-table-body" bind:this={bodyTable}>
|
|
175
247
|
{@render thead?.()}
|
|
176
|
-
</table>
|
|
177
|
-
<table class="scrolling-table-body" bind:this={bodyClone}>
|
|
178
248
|
{@render tbody?.()}
|
|
179
249
|
<!-- Table body content -->
|
|
180
250
|
{@render children?.()}
|
|
181
251
|
<!-- default slot for additional content -->
|
|
252
|
+
{#if columnCount}
|
|
253
|
+
<!-- The ruler: one cell per column, so column widths can be read
|
|
254
|
+
directly instead of guessed at from whichever row looks safe.
|
|
255
|
+
Collapsed, so it costs no height and contributes no width. -->
|
|
256
|
+
<tbody class="column-ruler" aria-hidden="true">
|
|
257
|
+
<tr>
|
|
258
|
+
{#each { length: columnCount } as _}
|
|
259
|
+
<td></td>
|
|
260
|
+
{/each}
|
|
261
|
+
</tr>
|
|
262
|
+
</tbody>
|
|
263
|
+
{/if}
|
|
182
264
|
</table>
|
|
183
265
|
</div>
|
|
184
266
|
{:else}
|
|
@@ -201,7 +283,33 @@ function setupWidths() {
|
|
|
201
283
|
</table>
|
|
202
284
|
{/if}
|
|
203
285
|
|
|
204
|
-
<style>/*
|
|
286
|
+
<style>/* Per-level heading (h1-h6) box/typography properties, resolved to PRIVATE,
|
|
287
|
+
inheriting custom properties (--_h1-color, --_h2-font-size, etc) rather than
|
|
288
|
+
assigned directly to a matched h1-h6 selector. Nothing in this file matches
|
|
289
|
+
an actual heading element anymore -- see typography-context.css (vars/), which
|
|
290
|
+
is the single, global, :where()-scoped rule that actually reads these vars
|
|
291
|
+
and applies them to real elements. That split is what lets a component
|
|
292
|
+
nested arbitrarily deep (through <article>, <Tile>, whatever) still get the
|
|
293
|
+
nearest ancestor's heading styling: these are ordinary inherited custom
|
|
294
|
+
properties, so DOM proximity decides which component's values apply, not
|
|
295
|
+
selector specificity or stylesheet order. See AGENTS-INTERNAL.md. */
|
|
296
|
+
/* All six heading levels' context vars in one call -- what every
|
|
297
|
+
"typography container" component (Container, Card, Tile, TextLayout, ...)
|
|
298
|
+
includes on itself once, alongside the shared --_heading-* vars below. */
|
|
299
|
+
/* Shared prose-measure group: p, blockquote, dl, ul, ol. li/dt/dd don't get
|
|
300
|
+
their own vars -- they're never wider than their ul/ol/dl parent's own
|
|
301
|
+
max-width box, so they're already bounded for free by ordinary block
|
|
302
|
+
layout, not by anything selector-based reaching them individually. */
|
|
303
|
+
/* p specifically also gets the fuller typography-props-bare treatment
|
|
304
|
+
(paragraph-prefixed), which -- same as in the original selector-based
|
|
305
|
+
version -- is declared/consumed AFTER the shared prose vars above, so it
|
|
306
|
+
wins for whichever properties both groups set. */
|
|
307
|
+
/* The first paragraph in a typography context (p:first-of-type, or a p right
|
|
308
|
+
after a heading) gets its own, slightly different treatment -- larger lede
|
|
309
|
+
text, no top margin. Structural matching (:first-of-type, `h1 + p`) still
|
|
310
|
+
has to happen where the real element is, in the global consumer rule; only
|
|
311
|
+
the VALUES move to context vars here. */
|
|
312
|
+
/* Logical, not top/bottom/left/right: margin-block/margin-inline already take
|
|
205
313
|
one value (both sides equal) or two (start end), so there is no separate
|
|
206
314
|
"which side" prop to remember and no 4-value shorthand order to get wrong.
|
|
207
315
|
Defaults to 0 on purpose -- unlike padding-props above, a margin that
|
|
@@ -209,6 +317,18 @@ function setupWidths() {
|
|
|
209
317
|
day this mixin got added to a new component. Callers opt in with an actual
|
|
210
318
|
value. (Container does not use this mixin: it wants --gap/auto as its
|
|
211
319
|
defaults, which do not fit the "0 unless asked" contract here.) */
|
|
320
|
+
/* The width at or below which a Sidebar swaps its grab-bar rail for the sheet
|
|
321
|
+
affordance -- a floating button that opens a panel over the content.
|
|
322
|
+
|
|
323
|
+
Page has to agree with Sidebar about this, because Page is what floats the
|
|
324
|
+
aside out of flow and reserves the strip of padding the sheet button sits
|
|
325
|
+
in. They used to disagree: Sidebar switched at 512px and Page at 600px,
|
|
326
|
+
which left a band between 513 and 600 where Page had already lifted the
|
|
327
|
+
aside out of the layout while the Sidebar inside it was still showing a
|
|
328
|
+
rail -- a grab bar floating on top of the content, which is the affordance
|
|
329
|
+
we deliberately avoid everywhere else.
|
|
330
|
+
|
|
331
|
+
One definition, used by both, so they cannot drift again. */
|
|
212
332
|
/* Warning: because we define a fallback
|
|
213
333
|
media query, the media query can override the container
|
|
214
334
|
if we stack a bunch of these in a row and aren't thoughtful about the order.
|
|
@@ -324,297 +444,184 @@ table {
|
|
|
324
444
|
text-indent: var(--table-indent, var(--surface-indent, var(--paragraph-indent, var(--indent, unset))));
|
|
325
445
|
font-variant: var(--table-font-variant, var(--surface-font-variant, var(--paragraph-font-variant, var(--font-variant, unset))));
|
|
326
446
|
text-align: var(--table-text-align, var(--surface-text-align, var(--paragraph-text-align, var(--text-align, unset))));
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
table
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
font-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
font-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
table
|
|
343
|
-
table
|
|
344
|
-
table
|
|
345
|
-
table
|
|
346
|
-
table
|
|
347
|
-
table
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
table
|
|
357
|
-
table
|
|
358
|
-
table
|
|
359
|
-
table
|
|
360
|
-
table
|
|
361
|
-
table
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
table
|
|
366
|
-
--
|
|
367
|
-
|
|
368
|
-
--
|
|
369
|
-
|
|
370
|
-
--
|
|
371
|
-
|
|
372
|
-
--
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
--
|
|
378
|
-
|
|
379
|
-
--
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
table
|
|
394
|
-
--
|
|
395
|
-
|
|
396
|
-
--
|
|
397
|
-
|
|
398
|
-
--
|
|
399
|
-
|
|
400
|
-
--
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
--
|
|
406
|
-
|
|
407
|
-
--
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
table
|
|
422
|
-
--
|
|
423
|
-
|
|
424
|
-
--
|
|
425
|
-
|
|
426
|
-
--
|
|
427
|
-
|
|
428
|
-
--
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
border
|
|
433
|
-
--
|
|
434
|
-
border-
|
|
435
|
-
--
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
text-
|
|
440
|
-
|
|
441
|
-
font-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
table
|
|
450
|
-
--
|
|
451
|
-
|
|
452
|
-
--
|
|
453
|
-
|
|
454
|
-
--
|
|
455
|
-
|
|
456
|
-
--
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
--
|
|
462
|
-
|
|
463
|
-
--
|
|
464
|
-
|
|
465
|
-
font-
|
|
466
|
-
text-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
table
|
|
478
|
-
--
|
|
479
|
-
|
|
480
|
-
--
|
|
481
|
-
|
|
482
|
-
--
|
|
483
|
-
|
|
484
|
-
--
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
--
|
|
490
|
-
border-
|
|
491
|
-
--
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
text-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
table :global(h6) {
|
|
506
|
-
--_heading-color: var(--table-heading-6-fg, var(--surface-heading-6-fg, var(--paragraph-heading-6-fg, var(--table-heading-minor-fg, var(--surface-heading-minor-fg, var(--paragraph-heading-minor-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--heading-6-fg, var(--heading-minor-fg, var(--heading-fg, revert))))))))))));
|
|
507
|
-
color: var(--_heading-color);
|
|
508
|
-
--_heading-background: var(--table-heading-6-bg, var(--surface-heading-6-bg, var(--paragraph-heading-6-bg, var(--table-heading-minor-bg, var(--surface-heading-minor-bg, var(--paragraph-heading-minor-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--heading-6-bg, var(--heading-minor-bg, var(--heading-bg, transparent))))))))))));
|
|
509
|
-
background: var(--_heading-background);
|
|
510
|
-
--_heading-padding: var(--table-heading-6-padding, var(--surface-heading-6-padding, var(--paragraph-heading-6-padding, var(--table-heading-minor-padding, var(--surface-heading-minor-padding, var(--paragraph-heading-minor-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--heading-6-padding, var(--heading-minor-padding, var(--heading-padding, 0))))))))))));
|
|
511
|
-
padding: var(--_heading-padding);
|
|
512
|
-
--_heading-border: var(--table-heading-6-border, var(--surface-heading-6-border, var(--paragraph-heading-6-border, var(--table-heading-minor-border, var(--surface-heading-minor-border, var(--paragraph-heading-minor-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--heading-6-border, var(--heading-minor-border, var(--heading-border, none))))))))))));
|
|
513
|
-
border: var(--_heading-border);
|
|
514
|
-
border-width: var(--table-heading-6-border-width, var(--surface-heading-6-border-width, var(--paragraph-heading-6-border-width, var(--table-heading-minor-border-width, var(--surface-heading-minor-border-width, var(--paragraph-heading-minor-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--heading-6-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
|
|
515
|
-
border-style: var(--table-heading-6-border-style, var(--surface-heading-6-border-style, var(--paragraph-heading-6-border-style, var(--table-heading-minor-border-style, var(--surface-heading-minor-border-style, var(--paragraph-heading-minor-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--heading-6-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
|
|
516
|
-
border-color: var(--table-heading-6-border-color, var(--surface-heading-6-border-color, var(--paragraph-heading-6-border-color, var(--table-heading-minor-border-color, var(--surface-heading-minor-border-color, var(--paragraph-heading-minor-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--heading-6-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
|
|
517
|
-
--_heading-border-radius: var(--table-heading-6-border-radius, var(--surface-heading-6-border-radius, var(--paragraph-heading-6-border-radius, var(--table-heading-minor-border-radius, var(--surface-heading-minor-border-radius, var(--paragraph-heading-minor-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--heading-6-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0))))))))))));
|
|
518
|
-
border-radius: var(--_heading-border-radius);
|
|
519
|
-
--_heading-box-shadow: var(--table-heading-6-box-shadow, var(--surface-heading-6-box-shadow, var(--paragraph-heading-6-box-shadow, var(--table-heading-minor-box-shadow, var(--surface-heading-minor-box-shadow, var(--paragraph-heading-minor-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--heading-6-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none))))))))))));
|
|
520
|
-
box-shadow: var(--_heading-box-shadow);
|
|
521
|
-
font-family: var(--table-heading-6-font-family, var(--surface-heading-6-font-family, var(--paragraph-heading-6-font-family, var(--table-heading-minor-font-family, var(--surface-heading-minor-font-family, var(--paragraph-heading-minor-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--heading-6-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
|
|
522
|
-
text-transform: var(--table-heading-6-text-transform, var(--surface-heading-6-text-transform, var(--paragraph-heading-6-text-transform, var(--table-heading-minor-text-transform, var(--surface-heading-minor-text-transform, var(--paragraph-heading-minor-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--heading-6-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
|
|
523
|
-
text-decoration: var(--table-heading-6-text-decoration, var(--surface-heading-6-text-decoration, var(--paragraph-heading-6-text-decoration, var(--table-heading-minor-text-decoration, var(--surface-heading-minor-text-decoration, var(--paragraph-heading-minor-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--heading-6-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
|
|
524
|
-
font-size: var(--table-heading-6-font-size, var(--surface-heading-6-font-size, var(--paragraph-heading-6-font-size, var(--table-heading-minor-font-size, var(--surface-heading-minor-font-size, var(--paragraph-heading-minor-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--heading-6-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert))))))))))));
|
|
525
|
-
font-weight: var(--table-heading-6-font-weight, var(--surface-heading-6-font-weight, var(--paragraph-heading-6-font-weight, var(--table-heading-minor-font-weight, var(--surface-heading-minor-font-weight, var(--paragraph-heading-minor-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--heading-6-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
|
|
526
|
-
line-height: var(--table-heading-6-line-height, var(--surface-heading-6-line-height, var(--paragraph-heading-6-line-height, var(--table-heading-minor-line-height, var(--surface-heading-minor-line-height, var(--paragraph-heading-minor-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--heading-6-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
|
|
527
|
-
letter-spacing: var(--table-heading-6-letter-spacing, var(--surface-heading-6-letter-spacing, var(--paragraph-heading-6-letter-spacing, var(--table-heading-minor-letter-spacing, var(--surface-heading-minor-letter-spacing, var(--paragraph-heading-minor-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--heading-6-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
|
|
528
|
-
text-indent: var(--table-heading-6-indent, var(--surface-heading-6-indent, var(--paragraph-heading-6-indent, var(--table-heading-minor-indent, var(--surface-heading-minor-indent, var(--paragraph-heading-minor-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--heading-6-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert)))))))))))));
|
|
529
|
-
font-variant: var(--table-heading-6-font-variant, var(--surface-heading-6-font-variant, var(--paragraph-heading-6-font-variant, var(--table-heading-minor-font-variant, var(--surface-heading-minor-font-variant, var(--paragraph-heading-minor-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--heading-6-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
|
|
530
|
-
text-align: var(--table-heading-6-text-align, var(--surface-heading-6-text-align, var(--paragraph-heading-6-text-align, var(--table-heading-minor-text-align, var(--surface-heading-minor-text-align, var(--paragraph-heading-minor-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--heading-6-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
|
|
531
|
-
}
|
|
532
|
-
|
|
533
|
-
table :global(p) {
|
|
534
|
-
font-family: var(--table-paragraph-font-family, var(--surface-paragraph-font-family, var(--paragraph-paragraph-font-family, var(--paragraph-font-family, inherit))));
|
|
535
|
-
text-transform: var(--table-paragraph-text-transform, var(--surface-paragraph-text-transform, var(--paragraph-paragraph-text-transform, var(--paragraph-text-transform, inherit))));
|
|
536
|
-
text-decoration: var(--table-paragraph-text-decoration, var(--surface-paragraph-text-decoration, var(--paragraph-paragraph-text-decoration, var(--paragraph-text-decoration, inherit))));
|
|
537
|
-
--_font-size: var(--table-paragraph-font-size, var(--surface-paragraph-font-size, var(--paragraph-paragraph-font-size, var(--paragraph-font-size, inherit))));
|
|
538
|
-
font-size: var(--_font-size);
|
|
539
|
-
font-weight: var(--table-paragraph-font-weight, var(--surface-paragraph-font-weight, var(--paragraph-paragraph-font-weight, var(--paragraph-font-weight, inherit))));
|
|
540
|
-
line-height: var(--table-paragraph-line-height, var(--surface-paragraph-line-height, var(--paragraph-paragraph-line-height, var(--paragraph-line-height, inherit))));
|
|
541
|
-
letter-spacing: var(--table-paragraph-letter-spacing, var(--surface-paragraph-letter-spacing, var(--paragraph-paragraph-letter-spacing, var(--paragraph-letter-spacing, inherit))));
|
|
542
|
-
text-indent: var(--table-paragraph-indent, var(--surface-paragraph-indent, var(--paragraph-paragraph-indent, var(--paragraph-indent, inherit))));
|
|
543
|
-
font-variant: var(--table-paragraph-font-variant, var(--surface-paragraph-font-variant, var(--paragraph-paragraph-font-variant, var(--paragraph-font-variant, inherit))));
|
|
544
|
-
text-align: var(--table-paragraph-text-align, var(--surface-paragraph-text-align, var(--paragraph-paragraph-text-align, var(--paragraph-text-align, inherit))));
|
|
545
|
-
}
|
|
546
|
-
|
|
547
|
-
table :global(p:first-of-type),
|
|
548
|
-
table :global(h1 + p),
|
|
549
|
-
table :global(h2 + p),
|
|
550
|
-
table :global(h3 + p),
|
|
551
|
-
table :global(h4 + p),
|
|
552
|
-
table :global(h5 + p),
|
|
553
|
-
table :global(h6 + p) {
|
|
554
|
-
font-family: var(--table-first-paragraph-font-family, var(--surface-first-paragraph-font-family, var(--paragraph-first-paragraph-font-family, var(--table-paragraph-font-family, var(--surface-paragraph-font-family, var(--paragraph-paragraph-font-family, var(--paragraph-font-family, var(--first-paragraph-font-family, inherit))))))));
|
|
555
|
-
text-transform: var(--table-first-paragraph-text-transform, var(--surface-first-paragraph-text-transform, var(--paragraph-first-paragraph-text-transform, var(--table-paragraph-text-transform, var(--surface-paragraph-text-transform, var(--paragraph-paragraph-text-transform, var(--paragraph-text-transform, var(--first-paragraph-text-transform, inherit))))))));
|
|
556
|
-
text-decoration: var(--table-first-paragraph-text-decoration, var(--surface-first-paragraph-text-decoration, var(--paragraph-first-paragraph-text-decoration, var(--table-paragraph-text-decoration, var(--surface-paragraph-text-decoration, var(--paragraph-paragraph-text-decoration, var(--paragraph-text-decoration, var(--first-paragraph-text-decoration, inherit))))))));
|
|
557
|
-
--_font-size: var(--table-first-paragraph-font-size, var(--surface-first-paragraph-font-size, var(--paragraph-first-paragraph-font-size, var(--table-paragraph-font-size, var(--surface-paragraph-font-size, var(--paragraph-paragraph-font-size, var(--paragraph-font-size, var(--first-paragraph-font-size, inherit))))))));
|
|
558
|
-
font-size: var(--_font-size);
|
|
559
|
-
font-weight: var(--table-first-paragraph-font-weight, var(--surface-first-paragraph-font-weight, var(--paragraph-first-paragraph-font-weight, var(--table-paragraph-font-weight, var(--surface-paragraph-font-weight, var(--paragraph-paragraph-font-weight, var(--paragraph-font-weight, var(--first-paragraph-font-weight, inherit))))))));
|
|
560
|
-
line-height: var(--table-first-paragraph-line-height, var(--surface-first-paragraph-line-height, var(--paragraph-first-paragraph-line-height, var(--table-paragraph-line-height, var(--surface-paragraph-line-height, var(--paragraph-paragraph-line-height, var(--paragraph-line-height, var(--first-paragraph-line-height, inherit))))))));
|
|
561
|
-
letter-spacing: var(--table-first-paragraph-letter-spacing, var(--surface-first-paragraph-letter-spacing, var(--paragraph-first-paragraph-letter-spacing, var(--table-paragraph-letter-spacing, var(--surface-paragraph-letter-spacing, var(--paragraph-paragraph-letter-spacing, var(--paragraph-letter-spacing, var(--first-paragraph-letter-spacing, inherit))))))));
|
|
562
|
-
text-indent: var(--table-first-paragraph-indent, var(--surface-first-paragraph-indent, var(--paragraph-first-paragraph-indent, var(--table-paragraph-indent, var(--surface-paragraph-indent, var(--paragraph-paragraph-indent, var(--paragraph-indent, var(--first-paragraph-indent, inherit))))))));
|
|
563
|
-
font-variant: var(--table-first-paragraph-font-variant, var(--surface-first-paragraph-font-variant, var(--paragraph-first-paragraph-font-variant, var(--table-paragraph-font-variant, var(--surface-paragraph-font-variant, var(--paragraph-paragraph-font-variant, var(--paragraph-font-variant, var(--first-paragraph-font-variant, inherit))))))));
|
|
564
|
-
text-align: var(--table-first-paragraph-text-align, var(--surface-first-paragraph-text-align, var(--paragraph-first-paragraph-text-align, var(--table-paragraph-text-align, var(--surface-paragraph-text-align, var(--paragraph-paragraph-text-align, var(--paragraph-text-align, var(--first-paragraph-text-align, inherit))))))));
|
|
565
|
-
font-size: var(--table-first-paragraph-font-size, var(--surface-first-paragraph-font-size, var(--paragraph-first-paragraph-font-size, var(--first-paragraph-font-size, var(--table-paragraph-font-size, var(--surface-paragraph-font-size, var(--paragraph-paragraph-font-size, var(--paragraph-font-size, inherit))))))));
|
|
566
|
-
line-height: var(--table-first-paragraph-line-height, var(--surface-first-paragraph-line-height, var(--paragraph-first-paragraph-line-height, var(--first-paragraph-line-height, var(--table-paragraph-line-height, var(--surface-paragraph-line-height, var(--paragraph-paragraph-line-height, var(--paragraph-line-height, inherit))))))));
|
|
567
|
-
margin-block-start: var(--table-first-paragraph-margin-top, var(--surface-first-paragraph-margin-top, var(--paragraph-first-paragraph-margin-top, var(--first-paragraph-margin-top, 0))));
|
|
568
|
-
}
|
|
569
|
-
|
|
570
|
-
table :global(p:first-of-type::first-line),
|
|
571
|
-
table :global(h1 + p::first-line),
|
|
572
|
-
table :global(h2 + p::first-line),
|
|
573
|
-
table :global(h3 + p::first-line),
|
|
574
|
-
table :global(h4 + p::first-line),
|
|
575
|
-
table :global(h5 + p::first-line),
|
|
576
|
-
table :global(h6 + p::first-line) {
|
|
577
|
-
font-family: var(--first-line-font-family, var(--table-first-line-font-family, var(--surface-first-line-font-family, var(--paragraph-first-line-font-family, var(--first-line-font-family, inherit)))));
|
|
578
|
-
text-transform: var(--first-line-text-transform, var(--table-first-line-text-transform, var(--surface-first-line-text-transform, var(--paragraph-first-line-text-transform, var(--first-line-text-transform, inherit)))));
|
|
579
|
-
text-decoration: var(--first-line-text-decoration, var(--table-first-line-text-decoration, var(--surface-first-line-text-decoration, var(--paragraph-first-line-text-decoration, var(--first-line-text-decoration, inherit)))));
|
|
580
|
-
--_font-size: var(--first-line-font-size, var(--table-first-line-font-size, var(--surface-first-line-font-size, var(--paragraph-first-line-font-size, var(--first-line-font-size, inherit)))));
|
|
581
|
-
font-size: var(--_font-size);
|
|
582
|
-
font-weight: var(--first-line-font-weight, var(--table-first-line-font-weight, var(--surface-first-line-font-weight, var(--paragraph-first-line-font-weight, var(--first-line-font-weight, inherit)))));
|
|
583
|
-
line-height: var(--first-line-line-height, var(--table-first-line-line-height, var(--surface-first-line-line-height, var(--paragraph-first-line-line-height, var(--first-line-line-height, inherit)))));
|
|
584
|
-
letter-spacing: var(--first-line-letter-spacing, var(--table-first-line-letter-spacing, var(--surface-first-line-letter-spacing, var(--paragraph-first-line-letter-spacing, var(--first-line-letter-spacing, inherit)))));
|
|
585
|
-
text-indent: var(--first-line-indent, var(--table-first-line-indent, var(--surface-first-line-indent, var(--paragraph-first-line-indent, var(--first-line-indent, inherit)))));
|
|
586
|
-
font-variant: var(--first-line-font-variant, var(--table-first-line-font-variant, var(--surface-first-line-font-variant, var(--paragraph-first-line-font-variant, var(--first-line-font-variant, inherit)))));
|
|
587
|
-
text-align: var(--first-line-text-align, var(--table-first-line-text-align, var(--surface-first-line-text-align, var(--paragraph-first-line-text-align, var(--first-line-text-align, inherit)))));
|
|
588
|
-
}
|
|
589
|
-
|
|
590
|
-
table :global(p:first-of-type::first-letter),
|
|
591
|
-
table :global(h1 + p::first-letter),
|
|
592
|
-
table :global(h2 + p::first-letter),
|
|
593
|
-
table :global(h3 + p::first-letter),
|
|
594
|
-
table :global(h4 + p::first-letter),
|
|
595
|
-
table :global(h5 + p::first-letter),
|
|
596
|
-
table :global(h6 + p::first-letter) {
|
|
597
|
-
font-family: var(--first-letter-font-family, var(--table-first-letter-font-family, var(--surface-first-letter-font-family, var(--paragraph-first-letter-font-family, inherit))));
|
|
598
|
-
text-transform: var(--first-letter-text-transform, var(--table-first-letter-text-transform, var(--surface-first-letter-text-transform, var(--paragraph-first-letter-text-transform, inherit))));
|
|
599
|
-
text-decoration: var(--first-letter-text-decoration, var(--table-first-letter-text-decoration, var(--surface-first-letter-text-decoration, var(--paragraph-first-letter-text-decoration, inherit))));
|
|
600
|
-
--_font-size: var(--first-letter-font-size, var(--table-first-letter-font-size, var(--surface-first-letter-font-size, var(--paragraph-first-letter-font-size, inherit))));
|
|
601
|
-
font-size: var(--_font-size);
|
|
602
|
-
font-weight: var(--first-letter-font-weight, var(--table-first-letter-font-weight, var(--surface-first-letter-font-weight, var(--paragraph-first-letter-font-weight, inherit))));
|
|
603
|
-
line-height: var(--first-letter-line-height, var(--table-first-letter-line-height, var(--surface-first-letter-line-height, var(--paragraph-first-letter-line-height, inherit))));
|
|
604
|
-
letter-spacing: var(--first-letter-letter-spacing, var(--table-first-letter-letter-spacing, var(--surface-first-letter-letter-spacing, var(--paragraph-first-letter-letter-spacing, inherit))));
|
|
605
|
-
text-indent: var(--first-letter-indent, var(--table-first-letter-indent, var(--surface-first-letter-indent, var(--paragraph-first-letter-indent, inherit))));
|
|
606
|
-
font-variant: var(--first-letter-font-variant, var(--table-first-letter-font-variant, var(--surface-first-letter-font-variant, var(--paragraph-first-letter-font-variant, inherit))));
|
|
607
|
-
text-align: var(--first-letter-text-align, var(--table-first-letter-text-align, var(--surface-first-letter-text-align, var(--paragraph-first-letter-text-align, inherit))));
|
|
608
|
-
--link-bg: var(--table-link-bg, var(--surface-link-bg, var(--paragraph-link-bg, inherit)));
|
|
609
|
-
--link-fg: var(--table-link-fg, var(--surface-link-fg, var(--paragraph-link-fg, inherit)));
|
|
610
|
-
background: var(--table-first-letter-bg, var(--surface-first-letter-bg, var(--first-letter-bg, inherit)));
|
|
611
|
-
color: var(--table-first-letter-fg, var(--surface-first-letter-fg, var(--first-letter-fg, inherit)));
|
|
612
|
-
float: var(--first-letter-float, none);
|
|
613
|
-
margin-right: var(--first-letter-margin-right, 0);
|
|
614
|
-
padding-top: var(--first-letter-padding-top, 0);
|
|
615
|
-
}
|
|
616
|
-
|
|
617
|
-
table {
|
|
447
|
+
--_prose-max-width: var(--table-line-width, var(--surface-line-width, var(--paragraph-line-width, var(--line-width, 40em))));
|
|
448
|
+
--_prose-font-family: var(--table-body-font-family, var(--surface-body-font-family, var(--paragraph-body-font-family, var(--body-font-family, var(--font-family)))));
|
|
449
|
+
--_prose-line-height: var(--table-line-height, var(--surface-line-height, var(--paragraph-line-height, var(--line-height, 1.5))));
|
|
450
|
+
/* Start-aligned: a measure-capped paragraph in a Card or a Tile sits
|
|
451
|
+
against its container's leading edge like any other block. Centring the
|
|
452
|
+
measure is what a prose column asks for, and TextLayout -- the one
|
|
453
|
+
component that IS a prose column -- opts back in to `auto`. */
|
|
454
|
+
--_prose-margin-inline: var(--table-prose-margin-inline, var(--surface-prose-margin-inline, var(--paragraph-prose-margin-inline, var(--prose-margin-inline, 0))));
|
|
455
|
+
--_prose-font-weight: var(--table-body-font-weight, var(--surface-body-font-weight, var(--paragraph-body-font-weight, var(--body-font-weight, unset))));
|
|
456
|
+
--_paragraph-font-family: var(--table-paragraph-font-family, var(--surface-paragraph-font-family, var(--paragraph-paragraph-font-family, var(--paragraph-font-family, inherit))));
|
|
457
|
+
--_paragraph-text-transform: var(--table-paragraph-text-transform, var(--surface-paragraph-text-transform, var(--paragraph-paragraph-text-transform, var(--paragraph-text-transform, inherit))));
|
|
458
|
+
--_paragraph-text-decoration: var(--table-paragraph-text-decoration, var(--surface-paragraph-text-decoration, var(--paragraph-paragraph-text-decoration, var(--paragraph-text-decoration, inherit))));
|
|
459
|
+
--_paragraph-font-size: var(--table-paragraph-font-size, var(--surface-paragraph-font-size, var(--paragraph-paragraph-font-size, var(--paragraph-font-size, inherit))));
|
|
460
|
+
--_paragraph-font-weight: var(--table-paragraph-font-weight, var(--surface-paragraph-font-weight, var(--paragraph-paragraph-font-weight, var(--paragraph-font-weight, inherit))));
|
|
461
|
+
--_paragraph-line-height: var(--table-paragraph-line-height, var(--surface-paragraph-line-height, var(--paragraph-paragraph-line-height, var(--paragraph-line-height, inherit))));
|
|
462
|
+
--_paragraph-letter-spacing: var(--table-paragraph-letter-spacing, var(--surface-paragraph-letter-spacing, var(--paragraph-paragraph-letter-spacing, var(--paragraph-letter-spacing, inherit))));
|
|
463
|
+
--_paragraph-text-indent: var(--table-paragraph-indent, var(--surface-paragraph-indent, var(--paragraph-paragraph-indent, var(--paragraph-indent, inherit))));
|
|
464
|
+
--_paragraph-font-variant: var(--table-paragraph-font-variant, var(--surface-paragraph-font-variant, var(--paragraph-paragraph-font-variant, var(--paragraph-font-variant, inherit))));
|
|
465
|
+
--_paragraph-text-align: var(--table-paragraph-text-align, var(--surface-paragraph-text-align, var(--paragraph-paragraph-text-align, var(--paragraph-text-align, inherit))));
|
|
466
|
+
--_first-paragraph-font-family: var(--table-first-paragraph-font-family, var(--surface-first-paragraph-font-family, var(--paragraph-first-paragraph-font-family, var(--table-paragraph-font-family, var(--surface-paragraph-font-family, var(--paragraph-paragraph-font-family, var(--paragraph-font-family, inherit)))))));
|
|
467
|
+
--_first-paragraph-text-transform: var(--table-first-paragraph-text-transform, var(--surface-first-paragraph-text-transform, var(--paragraph-first-paragraph-text-transform, var(--table-paragraph-text-transform, var(--surface-paragraph-text-transform, var(--paragraph-paragraph-text-transform, var(--paragraph-text-transform, inherit)))))));
|
|
468
|
+
--_first-paragraph-text-decoration: var(--table-first-paragraph-text-decoration, var(--surface-first-paragraph-text-decoration, var(--paragraph-first-paragraph-text-decoration, var(--table-paragraph-text-decoration, var(--surface-paragraph-text-decoration, var(--paragraph-paragraph-text-decoration, var(--paragraph-text-decoration, inherit)))))));
|
|
469
|
+
--_first-paragraph-font-weight: var(--table-first-paragraph-font-weight, var(--surface-first-paragraph-font-weight, var(--paragraph-first-paragraph-font-weight, var(--table-paragraph-font-weight, var(--surface-paragraph-font-weight, var(--paragraph-paragraph-font-weight, var(--paragraph-font-weight, inherit)))))));
|
|
470
|
+
--_first-paragraph-letter-spacing: var(--table-first-paragraph-letter-spacing, var(--surface-first-paragraph-letter-spacing, var(--paragraph-first-paragraph-letter-spacing, var(--table-paragraph-letter-spacing, var(--surface-paragraph-letter-spacing, var(--paragraph-paragraph-letter-spacing, var(--paragraph-letter-spacing, inherit)))))));
|
|
471
|
+
--_first-paragraph-text-indent: var(--table-first-paragraph-indent, var(--surface-first-paragraph-indent, var(--paragraph-first-paragraph-indent, var(--table-paragraph-indent, var(--surface-paragraph-indent, var(--paragraph-paragraph-indent, var(--paragraph-indent, inherit)))))));
|
|
472
|
+
--_first-paragraph-font-variant: var(--table-first-paragraph-font-variant, var(--surface-first-paragraph-font-variant, var(--paragraph-first-paragraph-font-variant, var(--table-paragraph-font-variant, var(--surface-paragraph-font-variant, var(--paragraph-paragraph-font-variant, var(--paragraph-font-variant, inherit)))))));
|
|
473
|
+
--_first-paragraph-text-align: var(--table-first-paragraph-text-align, var(--surface-first-paragraph-text-align, var(--paragraph-first-paragraph-text-align, var(--table-paragraph-text-align, var(--surface-paragraph-text-align, var(--paragraph-paragraph-text-align, var(--paragraph-text-align, inherit)))))));
|
|
474
|
+
--_first-paragraph-font-size: var(--table-first-paragraph-font-size, var(--surface-first-paragraph-font-size, var(--paragraph-first-paragraph-font-size, var(--first-paragraph-font-size, var(--table-paragraph-font-size, var(--surface-paragraph-font-size, var(--paragraph-paragraph-font-size, var(--paragraph-font-size, inherit))))))));
|
|
475
|
+
--_first-paragraph-line-height: var(--table-first-paragraph-line-height, var(--surface-first-paragraph-line-height, var(--paragraph-first-paragraph-line-height, var(--first-paragraph-line-height, var(--table-paragraph-line-height, var(--surface-paragraph-line-height, var(--paragraph-paragraph-line-height, var(--paragraph-line-height, inherit))))))));
|
|
476
|
+
--_first-paragraph-margin-top: var(--table-first-paragraph-margin-top, var(--surface-first-paragraph-margin-top, var(--paragraph-first-paragraph-margin-top, var(--first-paragraph-margin-top, 0))));
|
|
477
|
+
--_first-line-font-family: var(--first-line-font-family, var(--table-first-line-font-family, var(--surface-first-line-font-family, var(--paragraph-first-line-font-family, var(--first-line-font-family, inherit)))));
|
|
478
|
+
--_first-line-text-transform: var(--first-line-text-transform, var(--table-first-line-text-transform, var(--surface-first-line-text-transform, var(--paragraph-first-line-text-transform, var(--first-line-text-transform, inherit)))));
|
|
479
|
+
--_first-line-text-decoration: var(--first-line-text-decoration, var(--table-first-line-text-decoration, var(--surface-first-line-text-decoration, var(--paragraph-first-line-text-decoration, var(--first-line-text-decoration, inherit)))));
|
|
480
|
+
--_first-line-font-size: var(--first-line-font-size, var(--table-first-line-font-size, var(--surface-first-line-font-size, var(--paragraph-first-line-font-size, var(--first-line-font-size, inherit)))));
|
|
481
|
+
--_first-line-font-weight: var(--first-line-font-weight, var(--table-first-line-font-weight, var(--surface-first-line-font-weight, var(--paragraph-first-line-font-weight, var(--first-line-font-weight, inherit)))));
|
|
482
|
+
--_first-line-line-height: var(--first-line-line-height, var(--table-first-line-line-height, var(--surface-first-line-line-height, var(--paragraph-first-line-line-height, var(--first-line-line-height, inherit)))));
|
|
483
|
+
--_first-line-letter-spacing: var(--first-line-letter-spacing, var(--table-first-line-letter-spacing, var(--surface-first-line-letter-spacing, var(--paragraph-first-line-letter-spacing, var(--first-line-letter-spacing, inherit)))));
|
|
484
|
+
--_first-line-text-indent: var(--first-line-indent, var(--table-first-line-indent, var(--surface-first-line-indent, var(--paragraph-first-line-indent, var(--first-line-indent, inherit)))));
|
|
485
|
+
--_first-line-font-variant: var(--first-line-font-variant, var(--table-first-line-font-variant, var(--surface-first-line-font-variant, var(--paragraph-first-line-font-variant, var(--first-line-font-variant, inherit)))));
|
|
486
|
+
--_first-line-text-align: var(--first-line-text-align, var(--table-first-line-text-align, var(--surface-first-line-text-align, var(--paragraph-first-line-text-align, var(--first-line-text-align, inherit)))));
|
|
487
|
+
--_first-letter-font-family: var(--first-letter-font-family, var(--table-first-letter-font-family, var(--surface-first-letter-font-family, var(--paragraph-first-letter-font-family, inherit))));
|
|
488
|
+
--_first-letter-text-transform: var(--first-letter-text-transform, var(--table-first-letter-text-transform, var(--surface-first-letter-text-transform, var(--paragraph-first-letter-text-transform, inherit))));
|
|
489
|
+
--_first-letter-text-decoration: var(--first-letter-text-decoration, var(--table-first-letter-text-decoration, var(--surface-first-letter-text-decoration, var(--paragraph-first-letter-text-decoration, inherit))));
|
|
490
|
+
--_first-letter-font-size: var(--first-letter-font-size, var(--table-first-letter-font-size, var(--surface-first-letter-font-size, var(--paragraph-first-letter-font-size, inherit))));
|
|
491
|
+
--_first-letter-font-weight: var(--first-letter-font-weight, var(--table-first-letter-font-weight, var(--surface-first-letter-font-weight, var(--paragraph-first-letter-font-weight, inherit))));
|
|
492
|
+
--_first-letter-line-height: var(--first-letter-line-height, var(--table-first-letter-line-height, var(--surface-first-letter-line-height, var(--paragraph-first-letter-line-height, inherit))));
|
|
493
|
+
--_first-letter-letter-spacing: var(--first-letter-letter-spacing, var(--table-first-letter-letter-spacing, var(--surface-first-letter-letter-spacing, var(--paragraph-first-letter-letter-spacing, inherit))));
|
|
494
|
+
--_first-letter-text-indent: var(--first-letter-indent, var(--table-first-letter-indent, var(--surface-first-letter-indent, var(--paragraph-first-letter-indent, inherit))));
|
|
495
|
+
--_first-letter-font-variant: var(--first-letter-font-variant, var(--table-first-letter-font-variant, var(--surface-first-letter-font-variant, var(--paragraph-first-letter-font-variant, inherit))));
|
|
496
|
+
--_first-letter-text-align: var(--first-letter-text-align, var(--table-first-letter-text-align, var(--surface-first-letter-text-align, var(--paragraph-first-letter-text-align, inherit))));
|
|
497
|
+
--_first-letter-link-bg: var(--table-link-bg, var(--surface-link-bg, var(--paragraph-link-bg, inherit)));
|
|
498
|
+
--_first-letter-link-fg: var(--table-link-fg, var(--surface-link-fg, var(--paragraph-link-fg, inherit)));
|
|
499
|
+
--_first-letter-background: var(--table-first-letter-bg, var(--surface-first-letter-bg, var(--first-letter-bg, inherit)));
|
|
500
|
+
--_first-letter-color: var(--table-first-letter-fg, var(--surface-first-letter-fg, var(--first-letter-fg, inherit)));
|
|
501
|
+
/* Private context vars only -- consumed once, globally, by the :where()
|
|
502
|
+
rule in vars/typography-context.css, not by a selector matching h1-h6 here.
|
|
503
|
+
See the comment above heading-box-context-vars(). */
|
|
504
|
+
--_heading-max-width: var(--table-line-width, var(--surface-line-width, var(--paragraph-line-width, var(--line-width, unset))));
|
|
505
|
+
/* Same as --_prose-margin-inline: start-aligned in a container, centred
|
|
506
|
+
only by TextLayout. */
|
|
507
|
+
--_heading-margin-inline: var(--table-heading-margin-inline, var(--surface-heading-margin-inline, var(--paragraph-heading-margin-inline, var(--heading-margin-inline, 0))));
|
|
508
|
+
--_heading-margin-bottom: var(--table-heading-margin-bottom, var(--surface-heading-margin-bottom, var(--paragraph-heading-margin-bottom, var(--heading-margin-bottom, 0))));
|
|
509
|
+
--_heading-margin-top: var(--table-heading-margin-top, var(--surface-heading-margin-top, var(--paragraph-heading-margin-top, var(--heading-margin-top, 1.5em))));
|
|
510
|
+
--_heading-first-margin-top: var(--table-first-heading-margin-top, var(--surface-first-heading-margin-top, var(--paragraph-first-heading-margin-top, var(--first-heading-margin-top, 0))));
|
|
511
|
+
--_h1-color: var(--table-heading-1-fg, var(--surface-heading-1-fg, var(--paragraph-heading-1-fg, var(--table-heading-major-fg, var(--surface-heading-major-fg, var(--paragraph-heading-major-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--heading-1-fg, var(--heading-major-fg, var(--heading-fg, revert))))))))))));
|
|
512
|
+
--_h1-background: var(--table-heading-1-bg, var(--surface-heading-1-bg, var(--paragraph-heading-1-bg, var(--table-heading-major-bg, var(--surface-heading-major-bg, var(--paragraph-heading-major-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--heading-1-bg, var(--heading-major-bg, var(--heading-bg, transparent))))))))))));
|
|
513
|
+
--_h1-padding: var(--table-heading-1-padding, var(--surface-heading-1-padding, var(--paragraph-heading-1-padding, var(--table-heading-major-padding, var(--surface-heading-major-padding, var(--paragraph-heading-major-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--heading-1-padding, var(--heading-major-padding, var(--heading-padding, 0))))))))))));
|
|
514
|
+
--_h1-border: var(--table-heading-1-border, var(--surface-heading-1-border, var(--paragraph-heading-1-border, var(--table-heading-major-border, var(--surface-heading-major-border, var(--paragraph-heading-major-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--heading-1-border, var(--heading-major-border, var(--heading-border, none))))))))))));
|
|
515
|
+
--_h1-border-width: var(--table-heading-1-border-width, var(--surface-heading-1-border-width, var(--paragraph-heading-1-border-width, var(--table-heading-major-border-width, var(--surface-heading-major-border-width, var(--paragraph-heading-major-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--heading-1-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
|
|
516
|
+
--_h1-border-style: var(--table-heading-1-border-style, var(--surface-heading-1-border-style, var(--paragraph-heading-1-border-style, var(--table-heading-major-border-style, var(--surface-heading-major-border-style, var(--paragraph-heading-major-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--heading-1-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
|
|
517
|
+
--_h1-border-color: var(--table-heading-1-border-color, var(--surface-heading-1-border-color, var(--paragraph-heading-1-border-color, var(--table-heading-major-border-color, var(--surface-heading-major-border-color, var(--paragraph-heading-major-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--heading-1-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
|
|
518
|
+
--_h1-border-radius: var(--table-heading-1-border-radius, var(--surface-heading-1-border-radius, var(--paragraph-heading-1-border-radius, var(--table-heading-major-border-radius, var(--surface-heading-major-border-radius, var(--paragraph-heading-major-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--heading-1-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0))))))))))));
|
|
519
|
+
--_h1-box-shadow: var(--table-heading-1-box-shadow, var(--surface-heading-1-box-shadow, var(--paragraph-heading-1-box-shadow, var(--table-heading-major-box-shadow, var(--surface-heading-major-box-shadow, var(--paragraph-heading-major-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--heading-1-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none))))))))))));
|
|
520
|
+
--_h1-font-family: var(--table-heading-1-font-family, var(--surface-heading-1-font-family, var(--paragraph-heading-1-font-family, var(--table-heading-major-font-family, var(--surface-heading-major-font-family, var(--paragraph-heading-major-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--heading-1-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
|
|
521
|
+
--_h1-text-transform: var(--table-heading-1-text-transform, var(--surface-heading-1-text-transform, var(--paragraph-heading-1-text-transform, var(--table-heading-major-text-transform, var(--surface-heading-major-text-transform, var(--paragraph-heading-major-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--heading-1-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
|
|
522
|
+
--_h1-text-decoration: var(--table-heading-1-text-decoration, var(--surface-heading-1-text-decoration, var(--paragraph-heading-1-text-decoration, var(--table-heading-major-text-decoration, var(--surface-heading-major-text-decoration, var(--paragraph-heading-major-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--heading-1-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
|
|
523
|
+
--_h1-font-size: var(--table-heading-1-font-size, var(--surface-heading-1-font-size, var(--paragraph-heading-1-font-size, var(--table-heading-major-font-size, var(--surface-heading-major-font-size, var(--paragraph-heading-major-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--heading-1-font-size, var(--heading-major-font-size, var(--heading-font-size, revert))))))))))));
|
|
524
|
+
--_h1-font-weight: var(--table-heading-1-font-weight, var(--surface-heading-1-font-weight, var(--paragraph-heading-1-font-weight, var(--table-heading-major-font-weight, var(--surface-heading-major-font-weight, var(--paragraph-heading-major-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--heading-1-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
|
|
525
|
+
--_h1-line-height: var(--table-heading-1-line-height, var(--surface-heading-1-line-height, var(--paragraph-heading-1-line-height, var(--table-heading-major-line-height, var(--surface-heading-major-line-height, var(--paragraph-heading-major-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--heading-1-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
|
|
526
|
+
--_h1-letter-spacing: var(--table-heading-1-letter-spacing, var(--surface-heading-1-letter-spacing, var(--paragraph-heading-1-letter-spacing, var(--table-heading-major-letter-spacing, var(--surface-heading-major-letter-spacing, var(--paragraph-heading-major-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--heading-1-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
|
|
527
|
+
--_h1-text-indent: var(--table-heading-1-indent, var(--surface-heading-1-indent, var(--paragraph-heading-1-indent, var(--table-heading-major-indent, var(--surface-heading-major-indent, var(--paragraph-heading-major-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--heading-1-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert)))))))))))));
|
|
528
|
+
--_h1-font-variant: var(--table-heading-1-font-variant, var(--surface-heading-1-font-variant, var(--paragraph-heading-1-font-variant, var(--table-heading-major-font-variant, var(--surface-heading-major-font-variant, var(--paragraph-heading-major-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--heading-1-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
|
|
529
|
+
--_h1-text-align: var(--table-heading-1-text-align, var(--surface-heading-1-text-align, var(--paragraph-heading-1-text-align, var(--table-heading-major-text-align, var(--surface-heading-major-text-align, var(--paragraph-heading-major-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--heading-1-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
|
|
530
|
+
--_h2-color: var(--table-heading-2-fg, var(--surface-heading-2-fg, var(--paragraph-heading-2-fg, var(--table-heading-major-fg, var(--surface-heading-major-fg, var(--paragraph-heading-major-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--heading-2-fg, var(--heading-major-fg, var(--heading-fg, revert))))))))))));
|
|
531
|
+
--_h2-background: var(--table-heading-2-bg, var(--surface-heading-2-bg, var(--paragraph-heading-2-bg, var(--table-heading-major-bg, var(--surface-heading-major-bg, var(--paragraph-heading-major-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--heading-2-bg, var(--heading-major-bg, var(--heading-bg, transparent))))))))))));
|
|
532
|
+
--_h2-padding: var(--table-heading-2-padding, var(--surface-heading-2-padding, var(--paragraph-heading-2-padding, var(--table-heading-major-padding, var(--surface-heading-major-padding, var(--paragraph-heading-major-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--heading-2-padding, var(--heading-major-padding, var(--heading-padding, 0))))))))))));
|
|
533
|
+
--_h2-border: var(--table-heading-2-border, var(--surface-heading-2-border, var(--paragraph-heading-2-border, var(--table-heading-major-border, var(--surface-heading-major-border, var(--paragraph-heading-major-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--heading-2-border, var(--heading-major-border, var(--heading-border, none))))))))))));
|
|
534
|
+
--_h2-border-width: var(--table-heading-2-border-width, var(--surface-heading-2-border-width, var(--paragraph-heading-2-border-width, var(--table-heading-major-border-width, var(--surface-heading-major-border-width, var(--paragraph-heading-major-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--heading-2-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
|
|
535
|
+
--_h2-border-style: var(--table-heading-2-border-style, var(--surface-heading-2-border-style, var(--paragraph-heading-2-border-style, var(--table-heading-major-border-style, var(--surface-heading-major-border-style, var(--paragraph-heading-major-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--heading-2-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
|
|
536
|
+
--_h2-border-color: var(--table-heading-2-border-color, var(--surface-heading-2-border-color, var(--paragraph-heading-2-border-color, var(--table-heading-major-border-color, var(--surface-heading-major-border-color, var(--paragraph-heading-major-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--heading-2-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
|
|
537
|
+
--_h2-border-radius: var(--table-heading-2-border-radius, var(--surface-heading-2-border-radius, var(--paragraph-heading-2-border-radius, var(--table-heading-major-border-radius, var(--surface-heading-major-border-radius, var(--paragraph-heading-major-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--heading-2-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0))))))))))));
|
|
538
|
+
--_h2-box-shadow: var(--table-heading-2-box-shadow, var(--surface-heading-2-box-shadow, var(--paragraph-heading-2-box-shadow, var(--table-heading-major-box-shadow, var(--surface-heading-major-box-shadow, var(--paragraph-heading-major-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--heading-2-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none))))))))))));
|
|
539
|
+
--_h2-font-family: var(--table-heading-2-font-family, var(--surface-heading-2-font-family, var(--paragraph-heading-2-font-family, var(--table-heading-major-font-family, var(--surface-heading-major-font-family, var(--paragraph-heading-major-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--heading-2-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
|
|
540
|
+
--_h2-text-transform: var(--table-heading-2-text-transform, var(--surface-heading-2-text-transform, var(--paragraph-heading-2-text-transform, var(--table-heading-major-text-transform, var(--surface-heading-major-text-transform, var(--paragraph-heading-major-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--heading-2-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
|
|
541
|
+
--_h2-text-decoration: var(--table-heading-2-text-decoration, var(--surface-heading-2-text-decoration, var(--paragraph-heading-2-text-decoration, var(--table-heading-major-text-decoration, var(--surface-heading-major-text-decoration, var(--paragraph-heading-major-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--heading-2-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
|
|
542
|
+
--_h2-font-size: var(--table-heading-2-font-size, var(--surface-heading-2-font-size, var(--paragraph-heading-2-font-size, var(--table-heading-major-font-size, var(--surface-heading-major-font-size, var(--paragraph-heading-major-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--heading-2-font-size, var(--heading-major-font-size, var(--heading-font-size, revert))))))))))));
|
|
543
|
+
--_h2-font-weight: var(--table-heading-2-font-weight, var(--surface-heading-2-font-weight, var(--paragraph-heading-2-font-weight, var(--table-heading-major-font-weight, var(--surface-heading-major-font-weight, var(--paragraph-heading-major-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--heading-2-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
|
|
544
|
+
--_h2-line-height: var(--table-heading-2-line-height, var(--surface-heading-2-line-height, var(--paragraph-heading-2-line-height, var(--table-heading-major-line-height, var(--surface-heading-major-line-height, var(--paragraph-heading-major-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--heading-2-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
|
|
545
|
+
--_h2-letter-spacing: var(--table-heading-2-letter-spacing, var(--surface-heading-2-letter-spacing, var(--paragraph-heading-2-letter-spacing, var(--table-heading-major-letter-spacing, var(--surface-heading-major-letter-spacing, var(--paragraph-heading-major-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--heading-2-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
|
|
546
|
+
--_h2-text-indent: var(--table-heading-2-indent, var(--surface-heading-2-indent, var(--paragraph-heading-2-indent, var(--table-heading-major-indent, var(--surface-heading-major-indent, var(--paragraph-heading-major-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--heading-2-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert)))))))))))));
|
|
547
|
+
--_h2-font-variant: var(--table-heading-2-font-variant, var(--surface-heading-2-font-variant, var(--paragraph-heading-2-font-variant, var(--table-heading-major-font-variant, var(--surface-heading-major-font-variant, var(--paragraph-heading-major-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--heading-2-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
|
|
548
|
+
--_h2-text-align: var(--table-heading-2-text-align, var(--surface-heading-2-text-align, var(--paragraph-heading-2-text-align, var(--table-heading-major-text-align, var(--surface-heading-major-text-align, var(--paragraph-heading-major-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--heading-2-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
|
|
549
|
+
--_h3-color: var(--table-heading-3-fg, var(--surface-heading-3-fg, var(--paragraph-heading-3-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--heading-3-fg, var(--heading-fg, var(--heading-fg, revert))))))))))));
|
|
550
|
+
--_h3-background: var(--table-heading-3-bg, var(--surface-heading-3-bg, var(--paragraph-heading-3-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--heading-3-bg, var(--heading-bg, var(--heading-bg, transparent))))))))))));
|
|
551
|
+
--_h3-padding: var(--table-heading-3-padding, var(--surface-heading-3-padding, var(--paragraph-heading-3-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--heading-3-padding, var(--heading-padding, var(--heading-padding, 0))))))))))));
|
|
552
|
+
--_h3-border: var(--table-heading-3-border, var(--surface-heading-3-border, var(--paragraph-heading-3-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--heading-3-border, var(--heading-border, var(--heading-border, none))))))))))));
|
|
553
|
+
--_h3-border-width: var(--table-heading-3-border-width, var(--surface-heading-3-border-width, var(--paragraph-heading-3-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--heading-3-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
|
|
554
|
+
--_h3-border-style: var(--table-heading-3-border-style, var(--surface-heading-3-border-style, var(--paragraph-heading-3-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--heading-3-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
|
|
555
|
+
--_h3-border-color: var(--table-heading-3-border-color, var(--surface-heading-3-border-color, var(--paragraph-heading-3-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--heading-3-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
|
|
556
|
+
--_h3-border-radius: var(--table-heading-3-border-radius, var(--surface-heading-3-border-radius, var(--paragraph-heading-3-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--heading-3-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0))))))))))));
|
|
557
|
+
--_h3-box-shadow: var(--table-heading-3-box-shadow, var(--surface-heading-3-box-shadow, var(--paragraph-heading-3-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--heading-3-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none))))))))))));
|
|
558
|
+
--_h3-font-family: var(--table-heading-3-font-family, var(--surface-heading-3-font-family, var(--paragraph-heading-3-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--heading-3-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
|
|
559
|
+
--_h3-text-transform: var(--table-heading-3-text-transform, var(--surface-heading-3-text-transform, var(--paragraph-heading-3-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--heading-3-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
|
|
560
|
+
--_h3-text-decoration: var(--table-heading-3-text-decoration, var(--surface-heading-3-text-decoration, var(--paragraph-heading-3-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--heading-3-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
|
|
561
|
+
--_h3-font-size: var(--table-heading-3-font-size, var(--surface-heading-3-font-size, var(--paragraph-heading-3-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--heading-3-font-size, var(--heading-font-size, var(--heading-font-size, revert))))))))))));
|
|
562
|
+
--_h3-font-weight: var(--table-heading-3-font-weight, var(--surface-heading-3-font-weight, var(--paragraph-heading-3-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--heading-3-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
|
|
563
|
+
--_h3-line-height: var(--table-heading-3-line-height, var(--surface-heading-3-line-height, var(--paragraph-heading-3-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--heading-3-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
|
|
564
|
+
--_h3-letter-spacing: var(--table-heading-3-letter-spacing, var(--surface-heading-3-letter-spacing, var(--paragraph-heading-3-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--heading-3-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
|
|
565
|
+
--_h3-text-indent: var(--table-heading-3-indent, var(--surface-heading-3-indent, var(--paragraph-heading-3-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--heading-3-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert)))))))))))));
|
|
566
|
+
--_h3-font-variant: var(--table-heading-3-font-variant, var(--surface-heading-3-font-variant, var(--paragraph-heading-3-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--heading-3-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
|
|
567
|
+
--_h3-text-align: var(--table-heading-3-text-align, var(--surface-heading-3-text-align, var(--paragraph-heading-3-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--heading-3-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
|
|
568
|
+
--_h4-color: var(--table-heading-4-fg, var(--surface-heading-4-fg, var(--paragraph-heading-4-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--heading-4-fg, var(--heading-fg, var(--heading-fg, revert))))))))))));
|
|
569
|
+
--_h4-background: var(--table-heading-4-bg, var(--surface-heading-4-bg, var(--paragraph-heading-4-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--heading-4-bg, var(--heading-bg, var(--heading-bg, transparent))))))))))));
|
|
570
|
+
--_h4-padding: var(--table-heading-4-padding, var(--surface-heading-4-padding, var(--paragraph-heading-4-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--heading-4-padding, var(--heading-padding, var(--heading-padding, 0))))))))))));
|
|
571
|
+
--_h4-border: var(--table-heading-4-border, var(--surface-heading-4-border, var(--paragraph-heading-4-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--heading-4-border, var(--heading-border, var(--heading-border, none))))))))))));
|
|
572
|
+
--_h4-border-width: var(--table-heading-4-border-width, var(--surface-heading-4-border-width, var(--paragraph-heading-4-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--heading-4-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
|
|
573
|
+
--_h4-border-style: var(--table-heading-4-border-style, var(--surface-heading-4-border-style, var(--paragraph-heading-4-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--heading-4-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
|
|
574
|
+
--_h4-border-color: var(--table-heading-4-border-color, var(--surface-heading-4-border-color, var(--paragraph-heading-4-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--heading-4-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
|
|
575
|
+
--_h4-border-radius: var(--table-heading-4-border-radius, var(--surface-heading-4-border-radius, var(--paragraph-heading-4-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--heading-4-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0))))))))))));
|
|
576
|
+
--_h4-box-shadow: var(--table-heading-4-box-shadow, var(--surface-heading-4-box-shadow, var(--paragraph-heading-4-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--heading-4-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none))))))))))));
|
|
577
|
+
--_h4-font-family: var(--table-heading-4-font-family, var(--surface-heading-4-font-family, var(--paragraph-heading-4-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--heading-4-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
|
|
578
|
+
--_h4-text-transform: var(--table-heading-4-text-transform, var(--surface-heading-4-text-transform, var(--paragraph-heading-4-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--heading-4-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
|
|
579
|
+
--_h4-text-decoration: var(--table-heading-4-text-decoration, var(--surface-heading-4-text-decoration, var(--paragraph-heading-4-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--heading-4-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
|
|
580
|
+
--_h4-font-size: var(--table-heading-4-font-size, var(--surface-heading-4-font-size, var(--paragraph-heading-4-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--heading-4-font-size, var(--heading-font-size, var(--heading-font-size, revert))))))))))));
|
|
581
|
+
--_h4-font-weight: var(--table-heading-4-font-weight, var(--surface-heading-4-font-weight, var(--paragraph-heading-4-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--heading-4-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
|
|
582
|
+
--_h4-line-height: var(--table-heading-4-line-height, var(--surface-heading-4-line-height, var(--paragraph-heading-4-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--heading-4-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
|
|
583
|
+
--_h4-letter-spacing: var(--table-heading-4-letter-spacing, var(--surface-heading-4-letter-spacing, var(--paragraph-heading-4-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--heading-4-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
|
|
584
|
+
--_h4-text-indent: var(--table-heading-4-indent, var(--surface-heading-4-indent, var(--paragraph-heading-4-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--heading-4-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert)))))))))))));
|
|
585
|
+
--_h4-font-variant: var(--table-heading-4-font-variant, var(--surface-heading-4-font-variant, var(--paragraph-heading-4-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--heading-4-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
|
|
586
|
+
--_h4-text-align: var(--table-heading-4-text-align, var(--surface-heading-4-text-align, var(--paragraph-heading-4-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--heading-4-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
|
|
587
|
+
--_h5-color: var(--table-heading-5-fg, var(--surface-heading-5-fg, var(--paragraph-heading-5-fg, var(--table-heading-minor-fg, var(--surface-heading-minor-fg, var(--paragraph-heading-minor-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--heading-5-fg, var(--heading-minor-fg, var(--heading-fg, revert))))))))))));
|
|
588
|
+
--_h5-background: var(--table-heading-5-bg, var(--surface-heading-5-bg, var(--paragraph-heading-5-bg, var(--table-heading-minor-bg, var(--surface-heading-minor-bg, var(--paragraph-heading-minor-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--heading-5-bg, var(--heading-minor-bg, var(--heading-bg, transparent))))))))))));
|
|
589
|
+
--_h5-padding: var(--table-heading-5-padding, var(--surface-heading-5-padding, var(--paragraph-heading-5-padding, var(--table-heading-minor-padding, var(--surface-heading-minor-padding, var(--paragraph-heading-minor-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--heading-5-padding, var(--heading-minor-padding, var(--heading-padding, 0))))))))))));
|
|
590
|
+
--_h5-border: var(--table-heading-5-border, var(--surface-heading-5-border, var(--paragraph-heading-5-border, var(--table-heading-minor-border, var(--surface-heading-minor-border, var(--paragraph-heading-minor-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--heading-5-border, var(--heading-minor-border, var(--heading-border, none))))))))))));
|
|
591
|
+
--_h5-border-width: var(--table-heading-5-border-width, var(--surface-heading-5-border-width, var(--paragraph-heading-5-border-width, var(--table-heading-minor-border-width, var(--surface-heading-minor-border-width, var(--paragraph-heading-minor-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--heading-5-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
|
|
592
|
+
--_h5-border-style: var(--table-heading-5-border-style, var(--surface-heading-5-border-style, var(--paragraph-heading-5-border-style, var(--table-heading-minor-border-style, var(--surface-heading-minor-border-style, var(--paragraph-heading-minor-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--heading-5-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
|
|
593
|
+
--_h5-border-color: var(--table-heading-5-border-color, var(--surface-heading-5-border-color, var(--paragraph-heading-5-border-color, var(--table-heading-minor-border-color, var(--surface-heading-minor-border-color, var(--paragraph-heading-minor-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--heading-5-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
|
|
594
|
+
--_h5-border-radius: var(--table-heading-5-border-radius, var(--surface-heading-5-border-radius, var(--paragraph-heading-5-border-radius, var(--table-heading-minor-border-radius, var(--surface-heading-minor-border-radius, var(--paragraph-heading-minor-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--heading-5-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0))))))))))));
|
|
595
|
+
--_h5-box-shadow: var(--table-heading-5-box-shadow, var(--surface-heading-5-box-shadow, var(--paragraph-heading-5-box-shadow, var(--table-heading-minor-box-shadow, var(--surface-heading-minor-box-shadow, var(--paragraph-heading-minor-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--heading-5-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none))))))))))));
|
|
596
|
+
--_h5-font-family: var(--table-heading-5-font-family, var(--surface-heading-5-font-family, var(--paragraph-heading-5-font-family, var(--table-heading-minor-font-family, var(--surface-heading-minor-font-family, var(--paragraph-heading-minor-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--heading-5-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
|
|
597
|
+
--_h5-text-transform: var(--table-heading-5-text-transform, var(--surface-heading-5-text-transform, var(--paragraph-heading-5-text-transform, var(--table-heading-minor-text-transform, var(--surface-heading-minor-text-transform, var(--paragraph-heading-minor-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--heading-5-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
|
|
598
|
+
--_h5-text-decoration: var(--table-heading-5-text-decoration, var(--surface-heading-5-text-decoration, var(--paragraph-heading-5-text-decoration, var(--table-heading-minor-text-decoration, var(--surface-heading-minor-text-decoration, var(--paragraph-heading-minor-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--heading-5-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
|
|
599
|
+
--_h5-font-size: var(--table-heading-5-font-size, var(--surface-heading-5-font-size, var(--paragraph-heading-5-font-size, var(--table-heading-minor-font-size, var(--surface-heading-minor-font-size, var(--paragraph-heading-minor-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--heading-5-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert))))))))))));
|
|
600
|
+
--_h5-font-weight: var(--table-heading-5-font-weight, var(--surface-heading-5-font-weight, var(--paragraph-heading-5-font-weight, var(--table-heading-minor-font-weight, var(--surface-heading-minor-font-weight, var(--paragraph-heading-minor-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--heading-5-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
|
|
601
|
+
--_h5-line-height: var(--table-heading-5-line-height, var(--surface-heading-5-line-height, var(--paragraph-heading-5-line-height, var(--table-heading-minor-line-height, var(--surface-heading-minor-line-height, var(--paragraph-heading-minor-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--heading-5-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
|
|
602
|
+
--_h5-letter-spacing: var(--table-heading-5-letter-spacing, var(--surface-heading-5-letter-spacing, var(--paragraph-heading-5-letter-spacing, var(--table-heading-minor-letter-spacing, var(--surface-heading-minor-letter-spacing, var(--paragraph-heading-minor-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--heading-5-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
|
|
603
|
+
--_h5-text-indent: var(--table-heading-5-indent, var(--surface-heading-5-indent, var(--paragraph-heading-5-indent, var(--table-heading-minor-indent, var(--surface-heading-minor-indent, var(--paragraph-heading-minor-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--heading-5-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert)))))))))))));
|
|
604
|
+
--_h5-font-variant: var(--table-heading-5-font-variant, var(--surface-heading-5-font-variant, var(--paragraph-heading-5-font-variant, var(--table-heading-minor-font-variant, var(--surface-heading-minor-font-variant, var(--paragraph-heading-minor-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--heading-5-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
|
|
605
|
+
--_h5-text-align: var(--table-heading-5-text-align, var(--surface-heading-5-text-align, var(--paragraph-heading-5-text-align, var(--table-heading-minor-text-align, var(--surface-heading-minor-text-align, var(--paragraph-heading-minor-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--heading-5-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
|
|
606
|
+
--_h6-color: var(--table-heading-6-fg, var(--surface-heading-6-fg, var(--paragraph-heading-6-fg, var(--table-heading-minor-fg, var(--surface-heading-minor-fg, var(--paragraph-heading-minor-fg, var(--table-heading-fg, var(--surface-heading-fg, var(--paragraph-heading-fg, var(--heading-6-fg, var(--heading-minor-fg, var(--heading-fg, revert))))))))))));
|
|
607
|
+
--_h6-background: var(--table-heading-6-bg, var(--surface-heading-6-bg, var(--paragraph-heading-6-bg, var(--table-heading-minor-bg, var(--surface-heading-minor-bg, var(--paragraph-heading-minor-bg, var(--table-heading-bg, var(--surface-heading-bg, var(--paragraph-heading-bg, var(--heading-6-bg, var(--heading-minor-bg, var(--heading-bg, transparent))))))))))));
|
|
608
|
+
--_h6-padding: var(--table-heading-6-padding, var(--surface-heading-6-padding, var(--paragraph-heading-6-padding, var(--table-heading-minor-padding, var(--surface-heading-minor-padding, var(--paragraph-heading-minor-padding, var(--table-heading-padding, var(--surface-heading-padding, var(--paragraph-heading-padding, var(--heading-6-padding, var(--heading-minor-padding, var(--heading-padding, 0))))))))))));
|
|
609
|
+
--_h6-border: var(--table-heading-6-border, var(--surface-heading-6-border, var(--paragraph-heading-6-border, var(--table-heading-minor-border, var(--surface-heading-minor-border, var(--paragraph-heading-minor-border, var(--table-heading-border, var(--surface-heading-border, var(--paragraph-heading-border, var(--heading-6-border, var(--heading-minor-border, var(--heading-border, none))))))))))));
|
|
610
|
+
--_h6-border-width: var(--table-heading-6-border-width, var(--surface-heading-6-border-width, var(--paragraph-heading-6-border-width, var(--table-heading-minor-border-width, var(--surface-heading-minor-border-width, var(--paragraph-heading-minor-border-width, var(--table-heading-border-width, var(--surface-heading-border-width, var(--paragraph-heading-border-width, var(--heading-6-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width)))))))))))));
|
|
611
|
+
--_h6-border-style: var(--table-heading-6-border-style, var(--surface-heading-6-border-style, var(--paragraph-heading-6-border-style, var(--table-heading-minor-border-style, var(--surface-heading-minor-border-style, var(--paragraph-heading-minor-border-style, var(--table-heading-border-style, var(--surface-heading-border-style, var(--paragraph-heading-border-style, var(--heading-6-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style)))))))))))));
|
|
612
|
+
--_h6-border-color: var(--table-heading-6-border-color, var(--surface-heading-6-border-color, var(--paragraph-heading-6-border-color, var(--table-heading-minor-border-color, var(--surface-heading-minor-border-color, var(--paragraph-heading-minor-border-color, var(--table-heading-border-color, var(--surface-heading-border-color, var(--paragraph-heading-border-color, var(--heading-6-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color)))))))))))));
|
|
613
|
+
--_h6-border-radius: var(--table-heading-6-border-radius, var(--surface-heading-6-border-radius, var(--paragraph-heading-6-border-radius, var(--table-heading-minor-border-radius, var(--surface-heading-minor-border-radius, var(--paragraph-heading-minor-border-radius, var(--table-heading-border-radius, var(--surface-heading-border-radius, var(--paragraph-heading-border-radius, var(--heading-6-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0))))))))))));
|
|
614
|
+
--_h6-box-shadow: var(--table-heading-6-box-shadow, var(--surface-heading-6-box-shadow, var(--paragraph-heading-6-box-shadow, var(--table-heading-minor-box-shadow, var(--surface-heading-minor-box-shadow, var(--paragraph-heading-minor-box-shadow, var(--table-heading-box-shadow, var(--surface-heading-box-shadow, var(--paragraph-heading-box-shadow, var(--heading-6-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none))))))))))));
|
|
615
|
+
--_h6-font-family: var(--table-heading-6-font-family, var(--surface-heading-6-font-family, var(--paragraph-heading-6-font-family, var(--table-heading-minor-font-family, var(--surface-heading-minor-font-family, var(--paragraph-heading-minor-font-family, var(--table-heading-font-family, var(--surface-heading-font-family, var(--paragraph-heading-font-family, var(--heading-6-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert)))))))))))));
|
|
616
|
+
--_h6-text-transform: var(--table-heading-6-text-transform, var(--surface-heading-6-text-transform, var(--paragraph-heading-6-text-transform, var(--table-heading-minor-text-transform, var(--surface-heading-minor-text-transform, var(--paragraph-heading-minor-text-transform, var(--table-heading-text-transform, var(--surface-heading-text-transform, var(--paragraph-heading-text-transform, var(--heading-6-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert)))))))))))));
|
|
617
|
+
--_h6-text-decoration: var(--table-heading-6-text-decoration, var(--surface-heading-6-text-decoration, var(--paragraph-heading-6-text-decoration, var(--table-heading-minor-text-decoration, var(--surface-heading-minor-text-decoration, var(--paragraph-heading-minor-text-decoration, var(--table-heading-text-decoration, var(--surface-heading-text-decoration, var(--paragraph-heading-text-decoration, var(--heading-6-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert)))))))))))));
|
|
618
|
+
--_h6-font-size: var(--table-heading-6-font-size, var(--surface-heading-6-font-size, var(--paragraph-heading-6-font-size, var(--table-heading-minor-font-size, var(--surface-heading-minor-font-size, var(--paragraph-heading-minor-font-size, var(--table-heading-font-size, var(--surface-heading-font-size, var(--paragraph-heading-font-size, var(--heading-6-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert))))))))))));
|
|
619
|
+
--_h6-font-weight: var(--table-heading-6-font-weight, var(--surface-heading-6-font-weight, var(--paragraph-heading-6-font-weight, var(--table-heading-minor-font-weight, var(--surface-heading-minor-font-weight, var(--paragraph-heading-minor-font-weight, var(--table-heading-font-weight, var(--surface-heading-font-weight, var(--paragraph-heading-font-weight, var(--heading-6-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert)))))))))))));
|
|
620
|
+
--_h6-line-height: var(--table-heading-6-line-height, var(--surface-heading-6-line-height, var(--paragraph-heading-6-line-height, var(--table-heading-minor-line-height, var(--surface-heading-minor-line-height, var(--paragraph-heading-minor-line-height, var(--table-heading-line-height, var(--surface-heading-line-height, var(--paragraph-heading-line-height, var(--heading-6-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert)))))))))))));
|
|
621
|
+
--_h6-letter-spacing: var(--table-heading-6-letter-spacing, var(--surface-heading-6-letter-spacing, var(--paragraph-heading-6-letter-spacing, var(--table-heading-minor-letter-spacing, var(--surface-heading-minor-letter-spacing, var(--paragraph-heading-minor-letter-spacing, var(--table-heading-letter-spacing, var(--surface-heading-letter-spacing, var(--paragraph-heading-letter-spacing, var(--heading-6-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert)))))))))))));
|
|
622
|
+
--_h6-text-indent: var(--table-heading-6-indent, var(--surface-heading-6-indent, var(--paragraph-heading-6-indent, var(--table-heading-minor-indent, var(--surface-heading-minor-indent, var(--paragraph-heading-minor-indent, var(--table-heading-indent, var(--surface-heading-indent, var(--paragraph-heading-indent, var(--heading-6-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert)))))))))))));
|
|
623
|
+
--_h6-font-variant: var(--table-heading-6-font-variant, var(--surface-heading-6-font-variant, var(--paragraph-heading-6-font-variant, var(--table-heading-minor-font-variant, var(--surface-heading-minor-font-variant, var(--paragraph-heading-minor-font-variant, var(--table-heading-font-variant, var(--surface-heading-font-variant, var(--paragraph-heading-font-variant, var(--heading-6-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert)))))))))))));
|
|
624
|
+
--_h6-text-align: var(--table-heading-6-text-align, var(--surface-heading-6-text-align, var(--paragraph-heading-6-text-align, var(--table-heading-minor-text-align, var(--surface-heading-minor-text-align, var(--paragraph-heading-minor-text-align, var(--table-heading-text-align, var(--surface-heading-text-align, var(--paragraph-heading-text-align, var(--heading-6-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert)))))))))))));
|
|
618
625
|
box-sizing: border-box;
|
|
619
626
|
border: var(--table-border, var(--surface-border, var(--paragraph-border, var(--border, var(--border-width, 1px) var(--border-style, solid) var(--border-color, var(--fg))))));
|
|
620
627
|
border-width: var(--table-border-width, var(--surface-border-width, var(--paragraph-border-width, var(--__missing-border-width))));
|
|
@@ -1108,11 +1115,30 @@ table :global(tr > th:first-child:has(~ td)) {
|
|
|
1108
1115
|
border-top: none;
|
|
1109
1116
|
}
|
|
1110
1117
|
|
|
1111
|
-
.
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1118
|
+
/* The body table's own copy of the header. `visibility: collapse` is the
|
|
1119
|
+
one primitive that keeps a row group's contribution to column widths while
|
|
1120
|
+
reclaiming all of its vertical space -- so the browser solves the columns
|
|
1121
|
+
from header and body in a single pass, and the visible sticky header just
|
|
1122
|
+
copies the answer. Verified in Chromium, Firefox and WebKit, under
|
|
1123
|
+
`border-collapse: collapse` as well as `separate`.
|
|
1124
|
+
|
|
1125
|
+
`visibility: hidden` will NOT do: it keeps the header's full height and
|
|
1126
|
+
you get a blank gap. `display: none` is worse -- no layout, nothing to
|
|
1127
|
+
measure, and the columns size from the body alone. */
|
|
1128
|
+
.scrolling-table-body > :global(thead) {
|
|
1129
|
+
visibility: collapse;
|
|
1130
|
+
}
|
|
1131
|
+
|
|
1132
|
+
/* One cell per column, so widths can be read off directly. Collapsed for
|
|
1133
|
+
zero height, and stripped of padding and borders so it can never be the
|
|
1134
|
+
thing that decides a column's minimum width. */
|
|
1135
|
+
.column-ruler {
|
|
1136
|
+
visibility: collapse;
|
|
1137
|
+
}
|
|
1138
|
+
|
|
1139
|
+
.column-ruler > tr > td {
|
|
1140
|
+
padding: 0;
|
|
1141
|
+
border: 0;
|
|
1116
1142
|
}
|
|
1117
1143
|
|
|
1118
1144
|
/* Interactive affordances: target rows/cells with tabindex for keyboard accessibility */
|