overleaf/services/web/frontend/stylesheets/bootstrap-5/components/table.scss

75 lines
1.4 KiB
SCSS
Raw Normal View History

.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)
);
}
}
}
}
}