@import 'common/variable.scss';
@import 'common/mixins.scss';
.#{$--css-prefix}{
  &tabbar{
    text-align:center;
    position:relative;
    user-select: none;
    background:#fff;
    @include flexbox;
    &:before{
      @include divider;
      top:-1px;
      content:'';
      position: absolute;
      left:0;
      width: 100%;
      height:1px;
    }
    &--item{
      padding:0.15rem 0;
      @include flexbox-item;
      &.is-ripple{
        padding: 0;
        >.vx-ripple{
          padding:0.15rem 0;
        }
      }
      &.is-active{
        @include var-color();
        transition: color $--transition-time $--ease-in-out;
      }
      i{
        display:block;
        font-style:normal;
        @include var-font-size($--font-size-large);
      }
      small{
        font-size:0.2rem;
      }
    }
  }
}