papercss/src/tables.scss
2017-12-18 23:23:30 +01:00

34 lines
718 B
SCSS

@import './colors.less';
table {
box-sizing: border-box;
width: 100%;
max-width: 100%;
thead tr th {
vertical-align: bottom;
text-align: left;
padding: 8px;
line-height: 1.5;
}
tbody tr td {
padding: 8px;
line-height: 1.5;
vertical-align: top;
border-top: 1px dashed lighten($primary, 60%);
}
@media screen and (max-width:480px) {
thead tr th {
padding: 2%;
}
tbody tr td {
padding: 2%;
}
}
&.table-hover tbody tr:hover {
color: $secondary;
}
&.table-alternating tbody tr:nth-of-type(even) {
color: lighten($primary, 25%);
}
}