| Server IP : 108.170.25.35 / Your IP : 18.117.231.127 Web Server : Apache/2 System : Linux gains.winzonesoftech.com 4.18.0-513.24.1.el8_9.x86_64 #1 SMP Mon Apr 8 11:23:13 EDT 2024 x86_64 User : studio ( 1434) PHP Version : 8.1.28 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/studio/domains/studio7eleven.com/private_html/admin/scss/components/tables/ |
Upload File : |
//style for all basic tables
.table {
th, td {
border-color: $border;
@at-root [data-theme-version="dark"] & {
border-color: $d-border;
}
}
thead th {
border-bottom-width: 1px;
text-transform: uppercase;
// color: $dark ;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px;
border-color: $border;
@at-root [data-theme-version="dark"] & {
border-color: $d-border;
}
}
tbody tr td {
// color: $l-ctd;
// line-height: 2.5rem;
vertical-align: middle;
border-color: $border;
@at-root [data-theme-version="dark"] & {
border-color: $d-border;
}
}
//delete header borders without '.borders tables'
&:not(.table-bordered) {
thead th {
border-top: none;
}
}
//heading background
.thead-primary th {
background-color: $primary;
color: $white;
}
//table border
&.primary-table-bordered {
border: 1px solid #989ca0;
}
//table hover
&.primary-table-bg-hover {
thead th {
background-color: darken($color: $primary, $amount: 5%);
color: $white;
border-bottom: none;
}
tbody tr {
background-color: $primary;
color: $white;
transition: all .1s ease;
&:hover {
background-color: lighten($color: $primary, $amount: 5%);
}
&:not(:last-child) {
td, th {
border-bottom: 1px solid darken($color: $primary, $amount: 5%);
}
}
}
}
//responsive table width
&-responsive {
&-tiny {
// @include media-breakpoint-down(xs) {
min-width: 18.75rem;
// }
}
&-sm {
// @include media-breakpoint-down(sm) {
min-width: 30rem !important;
// }
}
&-md {
// @include media-breakpoint-down(sm) {
min-width: 50.9375rem !important;
// }
}
&-lg {
min-width: 60.9375rem !important;
}
&-xl {
min-width: 70.9375rem !important;
}
}
}