/* *****************************************************************************
*
*  Table
*
* ***************************************************************************** */

.table {
  @include media-scale(margin-bottom, 0.3rem, 0.3rem, 0);

  thead th {
    @extend .vui--text-highlight;
    @extend .vui--font-secondary-bold;
    border-width: $border-width;
    font-size: $h5-font-size;

    .icon-arrow-sort,
    .icon-arrow-sort-asc,
    .icon-arrow-sort-desc {
      width: .4rem;
    }

    .icon-arrow-sort-asc,
    .icon-arrow-sort-desc { display: none; }

    .is-sort-desc {
      .icon-arrow-sort-desc { display: block; }

      .icon-arrow-sort,
      .icon-arrow-sort-asc { display: none; }
    }

    .is-sort-asc {
      .icon-arrow-sort-asc { display: block; }

      .icon-arrow-sort,
      .icon-arrow-sort-desc { display: none; }
    }
  }

  tr {
    &:first-child td {
      border-top: none;
    }
  }

  thead th,
  td {
    vertical-align: middle;
  }
  // legacy - Fixes bug dropdown being cut by table overflow:auto
  .dropdown {
    position: initial;
    .dropdown-menu {
      min-width: initial;
    }
  }
}