/*
 * Name:			Alert
 * Description:		Defines styles for alert messages
 *
 * Component: 		`uk-alert`
 *
 * Sub-objects: 	`uk-alert-close`
 * 
 * Modifiers:		`uk-alert-success`
 *					`uk-alert-warning`
 *					`uk-alert-danger`
 *					`uk-alert-large`
 *
 * Uses:			Close: `uk-close`
 *
 ========================================================================== */


/* Component
 ========================================================================== */

.uk-alert {
	margin-bottom: @alert-margin-vertical;
	padding: @alert-padding;
	background: @alert-background;
	color: @alert-color;
	.hook-alert;
}

/*
 * Add margin if adjacent element
 */

* + .uk-alert { margin-top: @alert-margin-vertical; }

/*
 * Remove margin from the last-child
 */

.uk-alert > :last-child { margin-bottom: 0; }

/*
 * Keep color for headings if the default heading color is changed
 */

.uk-alert h1,
.uk-alert h2,
.uk-alert h3,
.uk-alert h4,
.uk-alert h5,
.uk-alert h6 { color: inherit; }


/* Close in alert
 ========================================================================== */

.uk-alert > .uk-close:first-child { float: right; }

/*
 * Remove margin from adjacent element
 */

.uk-alert > .uk-close:first-child + * { margin-top: 0; }


/* Modifier: `uk-alert-success`
 ========================================================================== */

.uk-alert-success {
	background: @alert-success-background;
	color: @alert-success-color;
	.hook-alert-success;
}


/* Modifier: `uk-alert-warning`
 ========================================================================== */

.uk-alert-warning {
	background: @alert-warning-background;
	color: @alert-warning-color;
	.hook-alert-warning;
}


/* Modifier: `uk-alert-danger`
 ========================================================================== */

.uk-alert-danger {
	background: @alert-danger-background;
	color: @alert-danger-color;
	.hook-alert-danger;
}


/* Modifier: `uk-alert-large`
 ========================================================================== */

.uk-alert-large { padding: @alert-large-padding; }

.uk-alert-large > .uk-close:first-child { margin: -10px -10px 0 0; }


/* Hooks
 ========================================================================== */

.hook-alert() {}
.hook-alert-success() {}
.hook-alert-warning() {}
.hook-alert-danger() {}