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


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

@alert-primary-background:                     #f4f4ff;
@alert-primary-color:                          #525298;

@alert-success-background:                     #e8f6ee;
@alert-success-color:                          #3f7758;

@alert-warning-color:                          #dd810a;

@alert-danger-background:                      #ffefed;
@alert-danger-color:                           #bd4b3e;


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