consul/ui/packages/consul-ui/app/components/table/skin.scss

27 lines
658 B
SCSS

%table th,
%table td {
border-bottom: var(--decor-border-100);
}
%table th {
border-color: var(--token-color-palette-neutral-300);
}
%table td {
border-color: var(--token-color-surface-interactive-active);
color: var(--token-color-foreground-faint);
}
%table th,
%table td strong {
color: var(--token-color-foreground-faint);
}
/* TODO: Add to native selector `tbody th` - will involve moving all
* current th's to `thead th` and changing the templates
* at whichpoint we can probably remove the %table a selector from here
*/
%table a,
%tbody-th {
color: var(--token-color-foreground-strong);
}
%table td:first-child {
@extend %tbody-th;
}