mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
Alan Agius
7a7a612e48
Removes the fixed font size from table headers to ensure they scale properly and do not appear smaller than the table content.
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);
|
|
}
|
|
}
|
|
}
|
|
}
|