Files
citrus-cms/assets/admin/_scss/codebase/_tables.scss
T
2026-04-28 21:14:25 +03:00

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