@scania/tegel
Version:
Tegel Design System
50 lines (49 loc) • 1.98 kB
CSS
:host,
tds-table-body {
box-sizing: border-box;
display: table-row-group;
}
:host *,
tds-table-body * {
box-sizing: border-box;
}
:host .tds-table__info-message,
tds-table-body .tds-table__info-message {
font: var(--tds-detail-02);
letter-spacing: var(--tds-detail-02-ls);
display: table-cell;
box-sizing: border-box;
color: var(--tds-table-color);
padding: var(--tds-spacing-element-16);
min-width: 192px;
vertical-align: top;
background-color: transparent;
transition: background-color 200ms ease;
}
tds-table-body.tds-table--zebra-mode-rows-odd tds-table-body-row:nth-child(odd) {
background-color: var(--tds-table-zebra-mode-backround);
}
tds-table-body.tds-table--zebra-mode-rows-odd tds-table-body-row:nth-child(odd):hover {
background-color: var(--tds-table-body-row-background-hover);
}
tds-table-body.tds-table--zebra-mode-rows-even tds-table-body-row:nth-child(even) {
background-color: var(--tds-table-zebra-mode-backround);
}
tds-table-body.tds-table--zebra-mode-rows-even tds-table-body-row:nth-child(even):hover {
background-color: var(--tds-table-body-row-background-hover);
}
tds-table-body.tds-table--zebra-mode-columns-odd tds-body-cell:nth-child(odd) {
background-color: var(--tds-table-zebra-mode-backround);
}
tds-table-body.tds-table--zebra-mode-columns-odd tds-body-cell.tds-table__body-cell--hover:nth-child(odd) {
background-color: var(--tds-table-body-cell-background-hover);
}
tds-table-body.tds-table--zebra-mode-columns-even tds-body-cell:nth-child(even) {
background-color: var(--tds-table-zebra-mode-backround);
}
tds-table-body.tds-table--zebra-mode-columns-even tds-body-cell.tds-table__body-cell--hover:nth-child(even) {
background-color: var(--tds-table-body-cell-background-hover);
}
tds-table-body.tds-table--zebra-mode-columns-even tds-table-body-row:hover tds-body-cell, tds-table-body.tds-table--zebra-mode-columns-odd tds-table-body-row:hover tds-body-cell {
background-color: transparent;
}