//
// Component: Notification
//
// ========================================================================


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

//
// New
//

@notification-message-box-shadow:                     none;


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

.hook-notification() {}


// Message
// ========================================================================

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


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

.hook-notification-close() {}


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

.hook-notification-message-primary() {}

.hook-notification-message-success() {}

.hook-notification-message-warning() {}

.hook-notification-message-danger() {}


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

.hook-notification-misc() {}