@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
87 lines • 3.6 kB
CSS
/*
* Table theme
*
*/
.eufemia-scope--11_3_0 .dnb-table {
text-align: left;
}
.eufemia-scope--11_3_0 .dnb-table, .eufemia-scope--11_3_0 .dnb-table__th--emphasis {
--table-th-text-color: var(--theme-color-black-80, currentColor);
--table-th-font-weight: var(--font-weight-medium);
--table-th-font-size: var(--font-size-basis);
}
.eufemia-scope--11_3_0 .dnb-table__th--subtle {
--table-th-text-color: var(--token-color-text-neutral-alternative);
--table-th-font-weight: var(--font-weight-regular);
--table-th-font-size: var(--font-size-small);
}
.eufemia-scope--11_3_0 .dnb-table__th--subtle.dnb-table__th--subtle {
padding-top: 1.5rem;
padding-bottom: 0.5rem;
}
.eufemia-scope--11_3_0 .dnb-table__th, .eufemia-scope--11_3_0 .dnb-table thead th {
padding: 2rem 1rem 1rem;
font-weight: var(--table-th-font-weight);
color: var(--table-th-text-color);
font-size: var(--table-th-font-size);
line-height: var(--line-height-basis);
vertical-align: bottom;
}
.eufemia-scope--11_3_0 .dnb-table__size--medium .dnb-table__th, .eufemia-scope--11_3_0 .dnb-table__size--medium .dnb-table thead th {
padding: 1.375rem 1rem 0.875rem;
font-size: var(--font-size-small);
line-height: var(--line-height-small);
}
.eufemia-scope--11_3_0 .dnb-table__size--medium .dnb-table__th .dnb-button__text, .eufemia-scope--11_3_0 .dnb-table__size--medium .dnb-table thead th .dnb-button__text {
line-height: inherit;
}
.eufemia-scope--11_3_0 .dnb-table__size--small .dnb-table__th, .eufemia-scope--11_3_0 .dnb-table__size--small .dnb-table thead th {
padding: 1.25rem 1rem 0.5rem;
font-size: var(--font-size-small);
line-height: var(--line-height-small);
}
.eufemia-scope--11_3_0 .dnb-table {
/* stylelint-disable */
}
.eufemia-scope--11_3_0 .dnb-table__td, .eufemia-scope--11_3_0 .dnb-table tbody .dnb-table__th, .eufemia-scope--11_3_0 .dnb-table tbody td, .eufemia-scope--11_3_0 .dnb-table tbody th {
padding: 1rem;
color: var(--theme-color-black-80, currentColor);
font-size: var(--font-size-basis);
line-height: var(--line-height-basis);
vertical-align: baseline;
}
.eufemia-scope--11_3_0 .dnb-table tbody .dnb-table__th, .eufemia-scope--11_3_0 .dnb-table tbody th {
padding: 1rem;
vertical-align: baseline;
}
.eufemia-scope--11_3_0 .dnb-table__size--medium tbody .dnb-table__th, .eufemia-scope--11_3_0 .dnb-table__size--medium tbody .dnb-table__td, .eufemia-scope--11_3_0 .dnb-table__size--medium .dnb-table tbody th, .eufemia-scope--11_3_0 .dnb-table__size--medium .dnb-table tbody td {
padding: 0.875rem 1rem;
font-size: var(--font-size-small);
line-height: var(--line-height-small);
}
.eufemia-scope--11_3_0 .dnb-table__size--small tbody .dnb-table__th, .eufemia-scope--11_3_0 .dnb-table__size--small tbody .dnb-table__td, .eufemia-scope--11_3_0 .dnb-table__size--small .dnb-table tbody th, .eufemia-scope--11_3_0 .dnb-table__size--small .dnb-table tbody td {
padding: 0.625rem 1rem;
font-size: var(--font-size-small);
line-height: var(--line-height-small);
}
.eufemia-scope--11_3_0 .dnb-table {
/* stylelint-enable */
}
.eufemia-scope--11_3_0 .dnb-table:not(.dnb-table--outline):not(.dnb-table--no-border) > tbody {
position: relative;
}
.eufemia-scope--11_3_0 .dnb-table:not(.dnb-table--outline):not(.dnb-table--no-border) > tbody::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
right: -0.0625rem;
z-index: 1;
pointer-events: none;
border-bottom: var(--table-border);
}
.eufemia-scope--11_3_0 .dnb-table:not(.dnb-table--outline):not(.dnb-table--no-border) > tbody:last-child::after {
right: 0;
}