62 lines
1.2 KiB
SCSS
62 lines
1.2 KiB
SCSS
//
|
|
// Tables
|
|
// --------------------------------------------------
|
|
|
|
.table {
|
|
thead th {
|
|
border-top: none;
|
|
border-bottom: none;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
}
|
|
}
|
|
|
|
.table-vcenter {
|
|
th,
|
|
td {
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
|
|
// Table Responsive
|
|
.table-responsive,
|
|
[class*="table-responsive-"] {
|
|
> .table.table-bordered thead th {
|
|
border-top: 1px solid $table-border-color;
|
|
}
|
|
}
|
|
|
|
// Table backgrounds
|
|
@include table-row-variant(active, $body-bg);
|
|
@include table-row-variant(primary, $brand-lighter);
|
|
@include table-row-variant(success, $brand-success-light);
|
|
@include table-row-variant(info, $brand-info-light);
|
|
@include table-row-variant(warning, $brand-warning-light);
|
|
@include table-row-variant(danger, $brand-danger-light);
|
|
|
|
// Table tools
|
|
.js-table-checkable tbody tr,
|
|
.js-table-sections-header > tr {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.js-table-sections-header {
|
|
> tr > td:first-child > i {
|
|
transition: transform .2s ease-in-out;
|
|
}
|
|
|
|
+ tbody {
|
|
display: none;
|
|
}
|
|
|
|
&.show {
|
|
> tr > td:first-child > i {
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
+ tbody {
|
|
display: table-row-group;
|
|
}
|
|
}
|
|
}
|