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


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

@alert-background:                              @global-background;
@alert-color:                                   @global-emphasis-color;

@alert-primary-background:                      @global-background;

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

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

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

//
// Master
//

@alert-border-width:                            @global-border-width;
@alert-border:                                  @global-border;

@alert-primary-border:                          @global-primary-background;
@alert-success-border:                          @global-success-background;
@alert-warning-border:                          @global-warning-background;
@alert-danger-border:                           @global-danger-background;

@alert-box-shadow:                              @global-medium-box-shadow;


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

.hook-alert() {}


// Close
// ========================================================================

.hook-alert-close() {}

.hook-alert-close-hover() {}


// Style modifiers
// ========================================================================

.hook-alert-primary() {}

.hook-alert-success() {}

.hook-alert-warning() {}

.hook-alert-danger() {}


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

.hook-alert-misc() {}
