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


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

//
// New
//

@alert-box-shadow:                              none;


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

.hook-alert() when not (@alert-box-shadow = none) {
    box-shadow: @alert-box-shadow;
}


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