.uif-t-header
  width 100%
  table-layout fixed
  &-th
    vertical-align top
    min-width 0
    text-align left
    overflow visible
    position relative
    height 100%
    &.resize
    &:hover
      background-color $table-hover-bg-color
      .uif-t-header-resize
        visibility visible
  &-cell
    height $table-header-height
    padding 4px 12px
    font-size 12px
    line-height 20px
    overflow hidden
    white-space nowrap
    text-overflow ellipsis
    word-break break-all
    color $table-header-color
    position relative
    .selection
      height 20px
      display flex
      align-items center
    .sort-icon
      cursor pointer
      position relative
      top 2px
      margin-left @top
  &-resize
    visibility hidden
    z-index 1
    width 16px
    position absolute
    right -8px
    top 0
    bottom 0
    display flex
    align-items center
    justify-content center
    cursor e-resize
    .resize-bar
      width 1px
      height 28px
      background-color $primary-color
      position relative
      &:after
      &:before
        content ''
        position absolute
        top 50%
        margin-top -3px
        border-top 3px solid transparent
        border-bottom @border-top
        border-right 4px solid transparent
        border-left @border-right
      &:before
        right 4px
        border-left none
      &:after
        left 4px
        border-right none
    &.visible .resize-bar
      width 2px
      &:after
      &:before
        border-right-color $primary-color
        border-left-color $primary-color