$table-border-color: gray(gray);
$cell-bg: #fff;
$cell-alternate-color: gray(light);
$cell-hover: gray(light);

.editor-styles-wrapper table , main table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0;

  tr {
    background: $cell-bg;
  }

  tr:nth-child(even) td {
    background-color: $cell-alternate-color;
  }

  tr:hover td  {
    background-color: darken($cell-hover, 10%);
  }

  td {
    border: 1px solid $table-border-color;
    padding: 0.5rem 0.625rem 0.625rem;
  }

  th {
    font-weight: bold;
  }

  &.center {
    tr th, tr td {
      text-align: center;
    }
  }
}