codeninjasuk.github.io/_sass/minimal-mistakes/_tables.scss
2023-07-18 16:33:33 +01:00

39 lines
No EOL
683 B
SCSS

/* ==========================================================================
TABLES
========================================================================== */
table {
display: block;
margin-bottom: 1em;
width: 100%;
font-family: $global-font-family;
font-size: $type-size-6;
border-collapse: collapse;
overflow-x: auto;
& + table {
margin-top: 1em;
}
}
thead {
background-color: $border-color;
border-bottom: 2px solid mix(#000, $border-color, 25%);
}
th {
padding: 0.5em;
font-weight: bold;
text-align: left;
}
td {
padding: 0.5em;
border-bottom: 1px solid mix(#000, $border-color, 25%);
}
tr,
td,
th {
vertical-align: middle;
}