@import "../styles/mixins/index.less";
@import "../styles/themes/index.less";

.@{wux-prefix}-tabbar {
    position: relative;
    z-index: 500;
    width: 100%;
    background-color: @tabbar-bg;
    box-sizing: border-box;

    &-wrap {
        width: 100%;
        min-height: @tabbar-height;
        box-sizing: border-box;
    }

    &--bottom {
        position: fixed;
        left: 0;
        bottom: 0;

        &::after {
            .setTopLine(@border-color-split);
        }
    }

    &--top {
        position: fixed;
        left: 0;
        top: 0;

        &::after {
            .setBottomLine(@border-color-split);
        }
    }
}