//
// Base styles
//

.alert {
	position: relative;
	padding: @alert-padding-y @alert-padding-x;
	margin-bottom: @alert-margin-bottom;
	border: @alert-border-width solid transparent;
	border-radius: @alert-border-radius;
}

// Headings for larger alerts
.alert-heading {
	// Specified to prevent conflicts of changing @headings-color
	color: inherit;
}

// Provide class for links that match alerts
.alert-link {
	font-weight: @alert-link-font-weight;
}


// Dismissible alerts
//
// Expand the right padding and account for the close button's positioning.

.alert-dismissible {
	padding-right: (@close-font-size + @alert-padding-x * 2);

	// Adjust close link position
	.close {
		position: absolute;
		top: 0;
		right: 0;
		padding: @alert-padding-y @alert-padding-x;
		color: inherit;
	}
}


// Alternate styles
//
// Generate contextual modifier classes for colorizing the alert.

.alert-primary {
	.alert-variant(@primary);
}

.alert-secondary {
	.alert-variant(@secondary);
}

.alert-success {
	.alert-variant(@success);
}

.alert-danger {
	.alert-variant(@danger);
}

.alert-warning {
	.alert-variant(@warning);
}

.alert-info {
	.alert-variant(@info);
}

.alert-light {
	.alert-variant(@light);
}

.alert-dark {
	.alert-variant(@dark);
}