
//@use 'mixins/button' as *;
@use 'mixins/mixins' as *;
@use 'mixins/utils' as *;

@include b(table) {
  & tr {
    background-color: getCssVarWebex('background', 'solid', 'primary', 'normal');
    color: getCssVarWebex('text', 'primary', 'normal');
  }
  & th {
    background-color: getCssVarWebex('background', 'solid', 'tertiary', 'normal');
  }
  & td {
    border-bottom: 1px solid getCssVarWebex('background', 'secondary', 'normal');
  }
  @include e(header-wrapper) {
    & thead div {
      background-color: getCssVarWebex('background', 'solid', 'tertiary', 'normal');
      color: getCssVarWebex('text', 'secondary', 'normal');
    }
  }
  @include e(footer-wrapper) {
    & thead div {
      background-color: getCssVarWebex('background', 'solid', 'primary', 'normal');
      color: getCssVarWebex('text', 'secondary', 'normal');
    }
  }
  @include m(enable-row-hover) {
    .el-table__body tr:hover > td {
      background-color: getCssVarWebex('background', 'secondary', 'normal');
    }
  }
}
