75 lines
1.4 KiB
SCSS
75 lines
1.4 KiB
SCSS
.table
|
|
.table.align-items-center,
|
|
.table.align-items-center {
|
|
th,
|
|
td {
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
|
|
.table-hover {
|
|
tr {
|
|
@if $enable-transitions {
|
|
-webkit-transition: $transition-base;
|
|
transition: $transition-base;
|
|
}
|
|
}
|
|
}
|
|
|
|
.table.table-cards {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.table.table-cards {
|
|
th,
|
|
td {
|
|
border: none;
|
|
}
|
|
}
|
|
|
|
.table-cards tr.bg-white {
|
|
> th,
|
|
> td {
|
|
padding: 1rem;
|
|
position: relative;
|
|
}
|
|
}
|
|
|
|
.table-cards tr.bg-white>th:after,
|
|
.table-cards tr.bg-white>td:after {
|
|
content: '';
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-top: 1px solid $table-border-color;
|
|
border-bottom: 1px solid $table-border-color;
|
|
left: 0;
|
|
top: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.table-cards tr.bg-white>th {
|
|
border-radius: $border-radius 0 0 $border-radius;
|
|
}
|
|
|
|
.table-cards tr.bg-white>th:after {
|
|
border-radius: $border-radius 0 0 $border-radius;
|
|
border-left: 1px solid $table-border-color;
|
|
}
|
|
|
|
.table-cards tr.bg-white>td:last-child {
|
|
border-radius: 0 $border-radius $border-radius 0;
|
|
}
|
|
|
|
.table-cards tr.bg-white>td:last-child:after {
|
|
border-radius: 0 $border-radius $border-radius 0;
|
|
border-right: 1px solid $table-border-color;
|
|
}
|
|
|
|
.table-hover tr.bg-white:hover {
|
|
background-color: $table-hover-bg !important;
|
|
}
|
|
|
|
tr.table-divider {
|
|
height: 0.75rem;
|
|
} |