
@mixin mat-table-typography($config) {
  .mat-table {
    font-family: mat-font-family($config);
  }

  .mat-header-cell {
    font-size: mat-font-size($config, input);
    font-weight: mat-font-weight($config, body-2);
  }

  .mat-cell, .mat-footer-cell {
    font-size: mat-font-size($config, input);
  }
}


@mixin mat-table-theme($theme) {
  $background: map-get($theme, background);
  $foreground: map-get($theme, foreground);

  .mat-table {
    background: mat-color($background, 'card');
  }

  .mat-table thead, .mat-table tbody, .mat-table tfoot,
  mat-header-row, mat-row, mat-footer-row,
  [mat-header-row], [mat-row], [mat-footer-row],
  .mat-table-sticky {
    background: mat-color($background, 'table-header-row');
  }

  mat-row, mat-header-row, mat-footer-row,
  th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
    border-bottom-color: mat-color($foreground, divider);
  }

  .mat-header-cell {
    color: mat-color($foreground, text);
  }

  .mat-cell, .mat-footer-cell {
    color: mat-color($foreground, text);
  }

  .mat-row:nth-child(odd){
    background-color:  mat-color($background, 'table-row-odd');
    .mat-table-sticky {
      background-color:  mat-color($background, 'table-row-odd');

      /*     &::before {
             content: '';
             position: absolute;
             left: 0;
             width: 100%;
             height: 100%;
             border-right: 1px solid green;
             display: block;
             top : 1px;
           }*/
    }
  }

  .mat-row:nth-child(even){
    background-color: mat-color($background, 'table-row-even');
    .mat-table-sticky {
      background-color:  mat-color($background, 'table-row-even');

      /*   &::before {
           content: '';
           position: absolute;
           left: 0;
           width: 100%;
           height: 100%;
           border-right: 1px solid green;
           display: block;
           top : 1px;
         }*/
    }
  }

}
