angular/adev/shared-docs/styles/docs/_table.scss
Joey Perrott 2d8635d29d refactor(docs-infra): migrate @angular/docs from dev-infra into adev directory (#57132)
To increase the ease of development we are moving @angular/docs into the adev directory within this repo. While
we are doing this to improve our development experience in the short term, efforts are also in place
to maintain a division between this @angular/docs (shared) code and adev itself, so that it can be extracted
back out in the future when components is ready to leverage it as well.

PR Close #57132
2024-07-30 15:51:26 +00:00

43 lines
853 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-size: 0.75rem;
font-weight: 600;
}
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;
}
&:not(:last-child) {
border-block-end: 1px solid var(--senary-contrast);
}
}
}
}