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