@import "mixins/mixins";
@import "common/var";
@import "mixins/button";
@import "button.scss";
@import "mixins/uedStyle.scss";


@include b(business-tag) {
    .el-button-group {
        .el-button {
            border-color: transparent;
            background-color: rgba($--color-black, 0.15);
            color: $--color-white;
            backdrop-filter: blur(10px);
            // 这么写是为了确保border-radius 样式生效
            &:not(:first-child), &:not(:last-child) {
                border-radius: $--button-border-radius;
            }
            @include uedButtonStyle();
            & + .el-button {
                margin-left: 3px!important;
            }
            &.el-button--mini {
                @include uedButtonStyle('mini');
            }
            &.el-button--small {
                @include uedButtonStyle('small');
            }
            &.el-button--medium {
                @include uedButtonStyle('medium');
            }
            // 选中样式
            &.is-active {
                color: $--color-text-primary;
                backdrop-filter: none;
                background-color: $--button-default-background-color;
            }
            // 禁用样式
            &.is-disabled {
                color: rgba($--color-white, 0.3);
                background-color: rgba($--color-black, 0.15);
                // 默认选中禁用
                &.is-active {
                    color: rgba($--color-text-primary, 0.6);
                    background-color: $--button-default-background-color;
                }
            }
        }
    }
}
