@import '../../style/variable.scss';

.x-buttonGroup{
    display: inline-flex;
    height: 0.24rem;
    line-height: 0.24rem;
    // border: 1px solid $theme-border;
    border-radius: 4px;
    box-sizing: border-box;
    &-li{
        box-sizing: content-box;
        cursor: pointer;
        padding: 0 0.2rem;
        border: 1px solid $theme-border;
        border-right:0px;
    }

    &-li:first-child{
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    &-li:last-child{
        border-right: 1px solid $theme-border;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    &-li-active{
        border: 1px solid $theme-active!important;
    }

    &-li-active + li {
        border-left: 0px;
    }
    
}