@use "../../wwwroot/scss/variables" as *;

.alert {
    --bb-alert-icon-margin-right: #{$bb-alert-icon-margin-right};
    --bb-alert-bar-width: #{$bb-alert-bar-width};

    &.alert-bar {
        &.alert-info {
            border-left: var(--bb-alert-bar-width) solid var(--bs-info);
        }

        &.alert-success {
            border-left: var(--bb-alert-bar-width) solid var(--bs-success);
        }

        &.alert-primary {
            border-left: var(--bb-alert-bar-width) solid var(--bs-primary);
        }

        &.alert-warning {
            border-left: var(--bb-alert-bar-width) solid var(--bs-warning);
        }

        &.alert-danger {
            border-left: var(--bb-alert-bar-width) solid var(--bs-danger);
        }
    }

    .alert-icon {
        margin-inline-end: var(--bb-alert-icon-margin-right);
    }
}
