.table-fixed {
  table-layout: fixed;
}

.table-fixed {
  table-layout: auto;
}

// table class
.table, table {
  border-collapse: collapse;
  background-color: $table-bg-color;

  th {
    font-weight: $table-heading-font-weight;
  }

  th,
  td {
    font-size: $table-heading-font-size;
    padding: $table-cell-padding;
    border-bottom: $table-border-width $table-border-style $table-border-color;
  }

  &-full {
    width: 100%;
  }
  &-container {
    max-width: 100%;
    overflow: auto;
    overflow-y: hidden;
  }

  &-with-border {
    td,
    th {
      border-width: $table-border-width;
      border-style: $table-border-style;
      border-color: $table-border-color;
    }
  }

  &-striped {
    tr:nth-child(2n) {
      background-color: $table-striped-bg-color;
    }
  }

  &-with-hover {
    tr {
      transition: all 0.2s ease-in-out;
    }
    tr:hover {
      background-color: $table-hover-bg-color;
    }
  }
}