Remove outside and right borders in tables

This commit is contained in:
Michael Rose
2017-08-08 15:13:06 -04:00
parent f9de95a8ad
commit bc53150b28
4 changed files with 11 additions and 11 deletions

View File

@ -8,7 +8,6 @@ table {
font-family: $global-font-family;
font-size: $type-size-6;
border-collapse: collapse;
border: 1px solid $light-gray;
& + table {
margin-top: 1em;
@ -17,22 +16,22 @@ table {
thead {
background-color: $lighter-gray;
border-bottom: 1px solid $light-gray;
border-bottom: 2px solid $light-gray;
}
th {
padding: 0.5em;
font-weight: bold;
text-align: left;
border-right: 1px solid $light-gray;
}
td {
padding: 0.5em;
border-bottom: 1px solid $light-gray;
border-right: 1px solid $light-gray;
}
tr, td, th {
tr,
td,
th {
vertical-align: middle;
}