You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
aSkelly/scss/component/_table.scss

44 lines
770 B
SCSS

@use '../utilities/main_utilities' as *;
/* Tables */
.table-container{
overflow-x: auto;
}
table {
border: 1px solid $color-bg-secondary;
border-radius: $border-radius;
border-spacing: 0;
max-width: 100%;
white-space: nowrap;
text-align: left;
border-collapse: collapse;
overflow-wrap: normal;
}
table td,
table th,
table tr {
padding: 0.4rem 0.8rem;
text-align: $justify-important;
}
table thead tr {
background-color: $color-table;
/* border-radius: $border-radius; */
color: $color-bg;
margin: 0;
padding: 0;
}
table thead tr {
border-top-left-radius: $border-radius;
}
tbody tr:nth-child(even) {
background-color: $color-accent;
}
tbody tr:nth-child(odd) {
background-color: #FFF;
}