// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

//
// Component: Notify
//
// ========================================================================


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

@notify-z-index:                                @global-z-index + 40;

@notify-message-font-size:                      round((@global-font-size * 1.14)); // 16px / 18px
@notify-message-line-height:                    round((@notify-message-font-size * 1.36)); // 22px / 24px

@notify-position:                               10px;
@notify-z-index:                                1040;
@notify-width:                                  350px;

@notify-message-margin-bottom:                  10px;
@notify-message-padding:                        15px;
@notify-message-background:                     @global-highlight-color;
@notify-message-color:                          @global-contrast-color;
@notify-message-font-size:                      16px;
@notify-message-line-height:                    22px;

@notify-message-primary-background:             fade(@global-primary-background, 6%);
@notify-message-primary-color:                  desaturate(darken(@global-primary-background, 1%), 23%);

@notify-message-success-background:             fade(@global-success-background, 6%);
@notify-message-success-color:                  desaturate(darken(@global-success-background, 4%), 23%);

@notify-message-warning-background:             fade(@global-warning-background, 6%);
@notify-message-warning-color:                  desaturate(darken(@global-warning-background, 4%), 23%);

@notify-message-danger-background:              fade(@global-danger-background, 6%);
@notify-message-danger-color:                   desaturate(darken(@global-danger-background, 0%), 23%);


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

.hook-notify() {}

.hook-notify-message() {}

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

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

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

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


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

.hook-notify-misc() {}