@import '../../variables';
@import '../../mixins';

@include exports('components.fui-table') {
  .fui-table {
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid $gray-300;
    border-radius: $border-radius;

    th,
    td {
      border-left: 1px solid $gray-300;
      border-top: 1px solid $gray-300;

      height: 50px;
      text-align: left;
      vertical-align: center;
      padding: 0 10px;

      &:first-child {
        border-left: none;
      }
    }

    thead {
      th {
        white-space: nowrap;
        background-color: $gray-100;
        border-top: none;
      }
    }
  }
}