2017-12-19 17:52:33 +01:00
|
|
|
table {
|
|
|
|
box-sizing: border-box;
|
|
|
|
max-width: 100%;
|
2017-12-23 09:43:23 +01:00
|
|
|
overflow-x: auto;
|
2018-05-24 14:13:53 +02:00
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
@include resp(xsmall) {
|
|
|
|
thead tr th {
|
|
|
|
padding: 2%;
|
|
|
|
}
|
|
|
|
|
|
|
|
tbody tr td {
|
|
|
|
padding: 2%;
|
|
|
|
}
|
|
|
|
}
|
2017-12-23 09:43:23 +01:00
|
|
|
|
2017-12-19 17:52:33 +01:00
|
|
|
thead tr th {
|
|
|
|
line-height: 1.5;
|
2018-05-24 14:13:53 +02:00
|
|
|
padding: 8px;
|
|
|
|
text-align: left;
|
|
|
|
vertical-align: bottom;
|
2017-12-19 17:52:33 +01:00
|
|
|
}
|
2017-12-23 09:43:23 +01:00
|
|
|
|
2017-12-19 17:52:33 +01:00
|
|
|
tbody tr td {
|
2018-05-24 14:13:53 +02:00
|
|
|
border-top: 1px dashed lighten($primary, 60%);
|
2017-12-19 17:52:33 +01:00
|
|
|
line-height: 1.5;
|
2018-05-24 14:13:53 +02:00
|
|
|
padding: 8px;
|
2017-12-19 17:52:33 +01:00
|
|
|
vertical-align: top;
|
|
|
|
}
|
2017-12-23 09:43:23 +01:00
|
|
|
|
2017-12-19 17:52:33 +01:00
|
|
|
&.table-hover tbody tr:hover {
|
2020-06-01 23:02:51 +02:00
|
|
|
@include color('color', 'secondary');
|
2017-12-19 17:52:33 +01:00
|
|
|
}
|
2017-12-23 09:43:23 +01:00
|
|
|
|
2017-12-19 17:52:33 +01:00
|
|
|
&.table-alternating tbody tr:nth-of-type(even) {
|
|
|
|
color: lighten($primary, 25%);
|
|
|
|
}
|
|
|
|
}
|