//
// Component: Alert
//
// ========================================================================


// Variables
// ========================================================================

@alert-margin-vertical:                         @global-margin;
@alert-background:                              fade(@alert-color, 2%);
@alert-color:                                   @global-primary-background;

@alert-success-background:                      @global-success-background;
@alert-success-color:                           @global-contrast-color;

@alert-warning-background:                      @global-warning-background;
@alert-warning-color:                           @global-contrast-color;

@alert-danger-background:                       @global-danger-background;
@alert-danger-color:                            @global-contrast-color;


// Component
// ========================================================================

.hook-alert() {
	box-shadow: inset 0 0 0 1px darken(@alert-background, 5%);
	border-radius: @global-border-radius;
	padding-left: 20px;
}


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

.hook-alert-success() {
	box-shadow: inset 0 0 0 1px darken(@alert-success-background, 3%);
}


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

.hook-alert-warning() {
	box-shadow: inset 0 0 0 1px darken(@alert-warning-background, 3%);
}


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

.hook-alert-danger() {
	box-shadow: inset 0 0 0 1px darken(@alert-danger-background, 3%);
}


// Miscellaneous
// ========================================================================

.hook-alert-misc() {

	.uk-alert .uk-module-title:after {
		border-color: inherit; 
	}

	.uk-close:after {
		font-size: 15px;
	}

}