You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
94 lines
2.1 KiB
94 lines
2.1 KiB
7 months ago
|
// ================================================================================================
|
||
|
|
// File Name: tables.scss
|
||
|
|
// Description: Tables pages custom scss
|
||
|
|
// ----------------------------------------------------------------------------------------------
|
||
|
|
// Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||
|
|
// Author: PIXINVENT
|
||
|
|
// Author URL: http://www.themeforest.net/user/pixinvent
|
||
|
|
// ================================================================================================
|
||
|
|
|
||
|
|
// table-white-space
|
||
|
|
.table-white-space {
|
||
|
|
th,
|
||
|
|
td {
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// table th, td padding
|
||
|
|
.table {
|
||
|
|
thead,
|
||
|
|
tfoot {
|
||
|
|
th {
|
||
|
|
vertical-align: top;
|
||
|
|
text-transform: uppercase;
|
||
|
|
font-size: $table-th-font-size;
|
||
|
|
letter-spacing: 0.5px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.table-sm {
|
||
|
|
th,
|
||
|
|
td {
|
||
|
|
padding: $table-cell-padding-y-sm $table-cell-padding-x-sm;
|
||
|
|
&:first-child {
|
||
|
|
padding-left: 0.75rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.table-dark {
|
||
|
|
tr > * {
|
||
|
|
border-bottom-color: $theme-dark-border-color !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// if we are not using table-light class then also header color should apply
|
||
|
|
.table:not(.table-dark):not(.table-light) {
|
||
|
|
thead:not(.table-dark) th,
|
||
|
|
tfoot:not(.table-dark) th {
|
||
|
|
background-color: $table-head-bg;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// table inside card, don't need margin bottom
|
||
|
|
.table-hover {
|
||
|
|
tbody {
|
||
|
|
tr {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// table border radius
|
||
|
|
.card .table {
|
||
|
|
margin-bottom: 0;
|
||
|
|
border-bottom-left-radius: $border-radius;
|
||
|
|
border-bottom-right-radius: $border-radius;
|
||
|
|
tbody {
|
||
|
|
tr:last-child > * {
|
||
|
|
border-bottom-width: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
tbody {
|
||
|
|
tr:last-child {
|
||
|
|
td:first-child {
|
||
|
|
border-bottom-left-radius: $border-radius;
|
||
|
|
}
|
||
|
|
td:last-child {
|
||
|
|
border-bottom-right-radius: $border-radius;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Flush spacing of left from first column ans right from last column
|
||
|
|
.table.table-flush-spacing {
|
||
|
|
thead,
|
||
|
|
tbody {
|
||
|
|
tr > td:first-child {
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
tr > td:last-child {
|
||
|
|
padding-right: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|