/**
 * Mixin to provide table styling to BEM components
 */

$header-side-padding: 5px;
$header-top-bottom-padding: 4px;

@mixin table-mixin {
    font-size: 14px;
    width: 100%;
    border-collapse: collapse;
}

@mixin table-header-row-mixin {
    border-top: solid 2px $gray7;
    border-bottom: solid 2px $gray7;
    font-size: 12px;
    color: $gray1;
    font-weight: bold;
}

@mixin table-column-header-mixin {
    padding: $header-top-bottom-padding $header-side-padding;
    position: relative;
}
@mixin table-column-header-after-mixin {
    content: '';
    display: block;
    position: absolute;
    right: $header-side-padding;
    top: $header-top-bottom-padding;
    border-right: 1px solid $gray7;
    height: calc(100% - (#{$header-top-bottom-padding} * 2)); // prevent less from overriding calc
}

@mixin table-row-mixin {
    border-bottom: solid 1px $gray7;
}
@mixin table-cell-mixin {
    padding: 10px 20px 10px 5px
}



/* table {
  width: 100%;
  font-size: 14px;
  border-collapse: collapse;
  padding: 0;
  border-spacing: 0;

  tr {
    td, th {
      padding: 10px 15px;
      border-bottom: 1px solid $gray6;

      &:last-child {
        text-align: right;
      }
    }
    th {
      font-weight: 600;
      text-align: left;
    }
    &:last-child {
      td {
        border-bottom: none;
      }
    }
  }
}
 */