@import '../common/var-nb.scss';
@import '../mixins/utils.scss';
@import '../mixins/mixins.scss';

/* tabs
 ----------------------------*/

@include b(tabs) {

  @include b(tab-titles) {
    height: $--panel-height-header + 2px;
    border-radius: 10px 10px 0 0;
    background: $--color-background-lighter;
    box-shadow: $--box-shadow;
    @include b(tab-title) {
      height: $--panel-height-header + 2px;
      line-height: $--panel-height-header + 2px;
      text-align: center;
      font-size: $--size-font-max;
      color: $--color-font;
      padding: 0 24px;
      min-width: 138px;
      transition: $--all-transition;
      -webkit-transition: $--all-transition;
      cursor: pointer;

      &:first-child{
        border-top-left-radius: 10px;
      }
      &:last-child.is-active{
        border-top-right-radius: 10px;
      }

      float: left;
      @include utils-clearfix;
    }
    
    .is-active{
      background: $--color-white;
      color: $--color-primary;
    }
  }
  @include b(tab-panel) {
  }
}