@include b(tabs){
  font-size: $text-size;


  @include e(bar){
    display: flex;
    width: 100%;
    border-bottom: solid 1px $input-item-border-color;
    background-color: $input-item-border-color;
  }
  @include e(tab){
    color: $title-text-color;
    background-color: $tab-bg-color;
    flex: auto;

    padding: 7px 0;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    & + & {
      margin-left: 4px;
    }
    @include when(active){
      color:$title-h1-color;
      background-color: $tab-highlight-bg-color;
      //&:before{
      //  content: '';
      //  display: block;
      //  height: 1px;
      //  background: #212121;
      //  position: absolute;
      //  top: 0;
      //  left: 0;
      //  right: 0;
      //}
    }
  }
  @include e(content){
    //padding: $margin-bottom;
  }
}