feat: density token and root font size for size modes (T1-T4)
Compact, Normal and Large scale the text (13/14/16px) and the control heights (32/40/48px) via data-size on <html>. Normal is unchanged. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -29,13 +29,13 @@ table.list th, .table-list-header {
|
||||
color: var(--md-sys-color-on-surface-variant);
|
||||
font: var(--md-sys-typescale-title-small);
|
||||
letter-spacing: var(--md-sys-typescale-title-small-tracking);
|
||||
padding-block: 10px;
|
||||
padding-block: calc(10px + var(--nm-density) / 2);
|
||||
padding-inline: 8px;
|
||||
border-block-end: 1px solid var(--md-sys-color-outline-variant);
|
||||
}
|
||||
table.list th a, table.list th a:link, table.list th a:visited { color: var(--md-sys-color-on-surface-variant); }
|
||||
table.list td {
|
||||
block-size: 40px;
|
||||
block-size: calc(40px + var(--nm-density));
|
||||
padding-block: 4px;
|
||||
padding-inline: 8px;
|
||||
border-block-start: 1px solid var(--md-sys-color-outline-variant);
|
||||
|
||||
Reference in New Issue
Block a user