table { border-collapse: collapse; font-size: 0.7em; text-align: left; width: 100%; a { color: inherit; text-decoration: none; } } thead { font-weight: $bold-font-weight; } tr { border-bottom: $base-border; } tbody tr { &:hover { background-color: $base-background-color; cursor: pointer; } &:focus { outline: $focus-outline; outline-offset: -($focus-outline-width); } } td, th { font-feature-settings: "kern", "liga", "clig", "calt", "lnum", "tnum"; font-kerning: normal; font-variant-ligatures: common-ligatures, contextual; font-variant-numeric: lining-nums, tabular-nums; padding: 0.55rem; vertical-align: middle; } td:first-child, th:first-child { padding-left: 2rem; } td:last-child, th:last-child { padding-right: 2rem; } td img { max-height: 2rem; }