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