table {
  background-color: $table-bg;
}

caption {
  padding-top: $table-cell-padding;
  padding-bottom: $table-cell-padding;
  text-align: left;
}

th {
  text-align: left;
}

td {
  color: $table-td-font-color;
}

// Baseline styles
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: $line-height-computed; // Cells
  >thead,
  >tbody,
  >tfoot {
    >tr {
      >th,
      >td {
        padding: $table-cell-padding;
        line-height: $line-height-base;
        vertical-align: top;
        border-top: 1px solid $table-border-color;
        border-bottom: 1px solid $table-border-color;
      }
    }
  } // Bottom align for column headings
  >thead>tr>th {
    vertical-align: bottom;
  } // Nesting
  .table {
    background-color: $body-bg;
  }
}