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


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

@alert-primary-background:                      lighten(tint(@global-primary-background, 53%), 20%);
@alert-primary-color:                           darken(@global-primary-background, 6%);

@alert-success-background:                      lighten(tint(@global-success-background, 45%), 25%);
@alert-success-color:                           darken(@global-success-background, 12%);

@alert-warning-background:                      lighten(tint(@global-warning-background, 50%), 15%);
@alert-warning-color:                           darken(@global-warning-background, 22%);

@alert-danger-background:                       lighten(tint(@global-danger-background, 50%), 20%);


// 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() {}