libs/barista-components/table/src/_table-mixins.scss
@import '../../style/font-mixins';
@import '../../core/src/style/variables';
@import '../../core/src/style/table';

@mixin dt-base-row() {
  align-items: stretch;
  border: 0;
  box-sizing: border-box;
  display: flex;

  // Workaround for https://goo.gl/pFmjJD in IE 11. Adds a pseudo
  // element that will stretch the row the correct height. See:
  // https://connect.microsoft.com/IE/feedback/details/802625
  &::after {
    display: inline-block;
    min-height: inherit;
    content: '';
  }
}

@mixin dt-base-cell() {
  overflow: hidden;
  word-wrap: break-word;
  position: relative;
  font-variant: tabular-nums;
  padding-left: $dt-table-cell-horizontal-padding;
  padding-right: $dt-table-cell-horizontal-padding;

  &.dt-column-sorted {
    @include dt-custom-font-styles($gray-900, 700);
  }
}

@mixin dt-base-cell-flex() {
  @include dt-base-cell();
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: $dt-table-cell-vertical-padding;
  padding-bottom: $dt-table-cell-vertical-padding;

  &.dt-table-column-align-right {
    justify-content: flex-end;
    text-align: right;
  }

  &.dt-table-column-align-center {
    justify-content: center;
    text-align: center;
  }
}

@mixin dt-base-cell-table() {
  @include dt-base-cell();
  display: table-cell;

  &.dt-table-column-align-right {
    text-align: right;
  }

  &.dt-table-column-align-center {
    text-align: center;
  }
}

// Header
@mixin dt-header-cell-font() {
  @include dt-default-font(12px, $default-line-height);
  color: $gray-600;
  font-weight: 600;
  word-break: normal;
}
