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.
93 lines
2.1 KiB
93 lines
2.1 KiB
// ================================================================================================ |
|
// 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; |
|
} |
|
} |
|
}
|
|
|