YetiForceCompany/YetiForceCRM

/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */

//additinal btn colors
.btn-default {
    @include button-variant(#ddd, #ddd);
}

.btn-outline-default {
    @include button-outline-variant(#ced4da, #000, #f6f6f6);
}

@include media-breakpoint-down(sm) {
    .c-btn-block-sm-down,
    .c-btn-block-sm-down .btn {
        width: 100% !important;
    }
}

@include media-breakpoint-down(md) {
    .c-btn-block-md-down {
        width: 100% !important;
    }
}

@include media-breakpoint-down(xs) {
    .c-btn-block-xs-down {
        width: 100% !important;
    }
}

.c-btn-checkbox {
    .c-btn-checkbox--checked {
        display: none;
    }

    &.active {
        .c-btn-checkbox--unchecked {
            display: none;
        }

        .c-btn-checkbox--checked {
            display: inline-block;
        }
    }
}

.c-btn-outline-done {
    @include button-outline-variant($color-indigo-dark);
}

.c-btn-done {
    @include button-variant($color-indigo-dark, $color-indigo-dark);
}

.c-btn-light-green {
    @include button-variant(material-color("light-green", "600"), material-color("light-green", "600"));
}

.c-btn-link {
    @at-root .detailViewTitle #{&} {
        height: max-content;
    }

    @include media-breakpoint-down(sm) {
        &--responsive {
            width: 100%;
            margin-bottom: 0.25rem !important;

            .btn {
                width: 100%;
                border-radius: 0.25rem !important;
                white-space: normal;
            }
        }
    }
}

.input-group {
    > {
        .input-group-append,
        .input-group-prepend {
            > {
                .btn-light {
                    border-color: #dee2e6;
                }
            }
        }
    }
}

.c-btn-floating-right-bottom {
    @include c-btn-floating-right-bottom($right: 25px);
}