2016-10-30 01:02:14 +02:00
|
|
|
/* ==========================================================================
|
|
|
|
TABLES
|
|
|
|
========================================================================== */
|
|
|
|
|
|
|
|
table {
|
|
|
|
margin-bottom: 1em;
|
|
|
|
width: 100%;
|
|
|
|
font-family: $global-font-family;
|
|
|
|
font-size: $type-size-6;
|
|
|
|
border-collapse: collapse;
|
2019-07-06 03:46:01 +02:00
|
|
|
border: 1px solid $light-gray;
|
2016-10-30 01:02:14 +02:00
|
|
|
|
|
|
|
& + table {
|
|
|
|
margin-top: 1em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
thead {
|
2019-07-06 03:46:01 +02:00
|
|
|
background-color: mix($background-color, $dark-gray, 45%);;
|
|
|
|
border-bottom: 1px solid $light-gray;
|
|
|
|
color: $primary-color;
|
2016-10-30 01:02:14 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
th {
|
|
|
|
padding: 0.5em;
|
|
|
|
font-weight: bold;
|
|
|
|
text-align: left;
|
2019-07-06 03:46:01 +02:00
|
|
|
border-right: 1px solid $light-gray;
|
2016-10-30 01:02:14 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
td {
|
|
|
|
padding: 0.5em;
|
2019-07-06 03:46:01 +02:00
|
|
|
border-bottom: 1px solid $light-gray;
|
|
|
|
border-right: 1px solid $light-gray;
|
2016-10-30 01:02:14 +02:00
|
|
|
}
|
|
|
|
|
2019-07-06 03:46:01 +02:00
|
|
|
tr, td, th {
|
2016-10-30 01:02:14 +02:00
|
|
|
vertical-align: middle;
|
|
|
|
}
|