@use "../../variables";
@use "../functions-variables";
@use "../variables" as bootstrap-variables;

// stylelint-disable property-blacklist, declaration-no-important

//
// Border
//

.border {
    border: bootstrap-variables.$border-width solid bootstrap-variables.$border-color !important;
}
.border-top {
    border-top: bootstrap-variables.$border-width solid bootstrap-variables.$border-color !important;
}
.border-right {
    border-right: bootstrap-variables.$border-width solid bootstrap-variables.$border-color !important;
}
.border-bottom {
    border-bottom: bootstrap-variables.$border-width solid bootstrap-variables.$border-color !important;
}
.border-left {
    border-left: bootstrap-variables.$border-width solid bootstrap-variables.$border-color !important;
}

.border-0 {
    border: 0 !important;
}
.border-top-0 {
    border-top: 0 !important;
}
.border-right-0 {
    border-right: 0 !important;
}
.border-bottom-0 {
    border-bottom: 0 !important;
}
.border-left-0 {
    border-left: 0 !important;
}

@each $color, $value in functions-variables.$theme-colors {
    .border-#{$color} {
        border-color: $value !important;
    }
}

.border-white {
    border-color: variables.$white !important;
}

//
// Border-radius
//

.rounded-sm {
    border-radius: variables.$border-radius-sm !important;
}

.rounded {
    border-radius: variables.$border-radius !important;
}

.rounded-top {
    border-top-left-radius: variables.$border-radius !important;
    border-top-right-radius: variables.$border-radius !important;
}

.rounded-right {
    border-top-right-radius: variables.$border-radius !important;
    border-bottom-right-radius: variables.$border-radius !important;
}

.rounded-bottom {
    border-bottom-right-radius: variables.$border-radius !important;
    border-bottom-left-radius: variables.$border-radius !important;
}

.rounded-left {
    border-top-left-radius: variables.$border-radius !important;
    border-bottom-left-radius: variables.$border-radius !important;
}

.rounded-lg {
    border-radius: variables.$border-radius-lg !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: bootstrap-variables.$rounded-pill !important;
}

.rounded-0 {
    border-radius: 0 !important;
}
