$prefix-button-group : #{$prefix}button-group;

.#{$prefix-button-group}{
    display: inline-block;
    position: relative;
    vertical-align: middle;
    border-radius: $border-radius-button;
    // 默认样式
    .#{$prefix}button {
        margin: 0;
        position: relative;
        vertical-align: middle;
        border-radius: inherit;
        &:not(:first-child):not(:last-child) {
            border-radius: 0;
        }
        &:focus {
            z-index: 1;;
        }
    }
    // size对应的样式分类
    @include form-dom-size(0, yes, '.#{$prefix}button');

    // 横向排列
    &:not(.#{$prefix-button-group}-vertical) {
        .#{$prefix}button {
            float: left;
            &:first-child {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }
            &:last-child {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }
        }
    }

    // 纵向排列样式
    &-vertical {
        .#{$prefix}button {
            display: block;
            width: 100%;
            &:first-child {
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0;
            }
            &:last-child {
                border-top-left-radius: 0;
                border-top-right-radius: 0;
            }
        }
    }

    // 圆角按钮
    &-circle {
        border-radius: 2em;
    }
}