//Btn Border
@mixin bootstrap-btns($brand-color, $color-percent) {
    border-bottom: 2px solid darken($brand-color, $color-percent);
}

//Btn Gradient
@mixin bootstrap-btns-gradient($deg, $color, $percent, $sec-color, $sec-percent) {
    background-image: -webkit-linear-gradient($deg, $color $percent * 1%, $sec-color $sec-percent * 1%);
    background-image: linear-gradient($deg, $color $percent * 1%, $sec-color $sec-percent * 1%);
    border: none;
}
//Btn Border
@mixin bootstrap-btns($brand-color, $color-percent) {
    border-bottom: 2px solid darken($brand-color, $color-percent);
}

//Btn Gradient
@mixin bootstrap-btns-gradient($deg, $color, $percent, $sec-color, $sec-percent) {
    background-image: -webkit-linear-gradient($deg, $color $percent * 1%, $sec-color $sec-percent * 1%);
    background-image: linear-gradient($deg, $color $percent * 1%, $sec-color $sec-percent * 1%);
    border: none;
}

//Schema component panel
@mixin schema-component-panel($background, $color-name, $color-text) {
    background-color: $background;
    .panel-heading,
    .panel-body {
        background-color: $background;
        color: $color-name;
        a {
            color: $color-name;
            &:hover {
                color: $color-name;
            }
            &:before {
                color: $color-text;
            }
        }
        .description {
            color: $color-text;
        }
        .name {
            &:before {
                border: 1px solid $color-text;
            }
        }
    }
    .panel-heading {
        .panel-title {
            &.required {
                .name {
                    &:before {
                        border: 1px solid $dot-required-color;
                    }
                }
            }
        }
    }
}

Add mixin for panels multi-level
Add mixin for panels multi-level
