mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
Alan Agius
533e17f568
Removes the fixed font size from table headers to ensure they scale properly and do not appear smaller than the table content.
(cherry picked from commit 7a7a612e48)
50 lines
931 B
SCSS
50 lines
931 B
SCSS
// Table
|
|
|
|
@mixin docs-table {
|
|
.docs-table {
|
|
overflow-x: auto;
|
|
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin-block: 1rem;
|
|
font-size: 0.875rem;
|
|
line-height: 160%;
|
|
letter-spacing: -0.00875rem;
|
|
}
|
|
|
|
th {
|
|
text-align: left;
|
|
padding-block: 0.4rem;
|
|
padding-inline-end: 1.5rem;
|
|
border-block: 1px solid var(--senary-contrast);
|
|
font-weight: 600;
|
|
|
|
code {
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
tr {
|
|
td {
|
|
padding-block: 0.85rem;
|
|
vertical-align: top;
|
|
&:not(:last-child) {
|
|
padding-inline-end: 1rem;
|
|
}
|
|
}
|
|
td:first-child {
|
|
padding-inline-end: 1.62rem;
|
|
vertical-align: top;
|
|
min-width: 10ch;
|
|
}
|
|
td:has(code) {
|
|
min-width: 8ch;
|
|
}
|
|
&:not(:last-child) {
|
|
border-block-end: 1px solid var(--senary-contrast);
|
|
}
|
|
}
|
|
}
|
|
}
|