.efly-tabs{
  @include box();
  &.base{
    border-bottom: 1px solid $color-border-base;
    .efly-tabs-pane{
      &.active{
        border-bottom: 2px solid $color-primary;
      }
    }



  }

  &.card{
    .efly-tabs-pane{
      &.active{
        background: $color-light-primary;
        box-shadow: inset 0 2px 2px 0 #e7ebf3;
      }
    }
  }


  .efly-tabs-pane{
    @include box();
    @include flex-center();
    min-width: 100px;
    height: 36px;
    font-size: $font-default;
    cursor: pointer;
    padding: 0 $space-mini;
    box-sizing: border-box;
  }
}