| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- .table-container {
- flex: 1;
- margin-bottom: var(--spacing-06);
- .table {
- margin-bottom: initial;
- }
- }
- .table-container-bordered {
- --table-container-border-width: var(--bs-border-width);
- border-color: $table-border-color;
- border-radius: var(--border-radius-base);
- border-width: var(--table-container-border-width);
- border-style: solid;
- .table {
- th,
- td {
- &:first-child {
- border-left-width: 0;
- }
- &:last-child {
- border-right-width: 0;
- }
- }
- tr:first-child {
- border-top-width: 0;
- th,
- td {
- &:first-child {
- border-top-left-radius: calc(
- var(--border-radius-base) - var(--table-container-border-width)
- );
- }
- }
- th,
- td {
- &:last-child {
- border-top-right-radius: calc(
- var(--border-radius-base) - var(--table-container-border-width)
- );
- }
- }
- }
- tr:last-child {
- border-bottom-width: 0;
- th,
- td {
- &:first-child {
- border-bottom-left-radius: calc(
- var(--border-radius-base) - var(--table-container-border-width)
- );
- }
- }
- th,
- td {
- &:last-child {
- border-bottom-right-radius: calc(
- var(--border-radius-base) - var(--table-container-border-width)
- );
- }
- }
- }
- }
- }
|