lolita-style/src/conponent/_table.scss

29 行
914 B
SCSS

.table {
width: 100%;
margin-bottom: 1rem;
color: $white1;
background-color: $black3;
border: 2px solid $suwa03;
transition: background-color 0.3s;
}
.table tbody + tbody { border-top: 2px solid $white1; }
.table th, .table td, .table thead th { padding: 0.75rem; border-color: $suwa03; }
.table th, .table td { border-top: 1px solid $white1; vertical-align: top; }
.table thead th { border-bottom: 2px solid $white1; vertical-align: bottom; }
.table tbody tr { transition: background-color 0.3s; background-color: $black3; }
.table tbody tr:hover { color: $white1; background-color: $suwa07; }
// .table.table-hover tbody tr {
// transition: background-color 0.3s;
// background-color: $black3;
// }
// .table.table-hover tbody tr:hover {
// color: $white1;
// background-color: $suwa07;
// }
.tres {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}