papercss/src/content/_tables.scss

39 lines
627 B
SCSS
Raw Normal View History

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%);
}
}