@import "mixins/mixins";
@import "common/var";

@include b(custom-steps) {

    .el-steps--vertical {
        .el-step {
            cursor: pointer;
            .el-step__head {
                .el-step__icon {
                    width: 24px;
                    height: 24px;
                    border-radius: 50%;
                    background-color: $--disabled-fill-base;
                    border: 1px solid $--border-color-base;
                    i {
                        font-size: 14px;
                    }
                }
            }
        }

        .el-custom-steps--active {
            .el-step__head {
                .el-step__icon {
                    background-color: $--color-primary;
                    border-color: $--color-primary;
                    i {
                        color: $--color-white;
                    }
                }
            }
            .el-step__main {
                .el-step__title {
                    color: $--color-primary;
                }
            }
        }
    }
}