/* ==========================================================================
   Capital Framework
   Notifications Styling
   ========================================================================== */

//
// Theme variables
//

// Color variables

@notification-bg:             #f7f8f9; // @gray-10
@notification-bg-success:     #e2efd8; // @green-20
@notification-bg-warning:     #fff0dd; // @gold-20
@notification-bg-error:       #f7e0d9; // @red-20

@notification-border:         #b4b5b6; // @gray-40
@notification-border-success: #20aa3f; // @green
@notification-border-warning: #ff9e1b; // @gold
@notification-border-error:   #d14124; // @red

@notification-icon:           #5a5d61; // @gray
@notification-icon-success:   #20aa3f; // @green
@notification-icon-warning:   #ff9e1b; // @gold
@notification-icon-error:     #d14124; // @red

// Sizing variables

@notification-padding__px: 15px;


//
// Import external dependencies
//

@import (less) '../../cf-core/src/cf-core.less';
@import (less) '../../cf-icons/src/cf-icons.less';


//
// Molecules
//

@import (less) './molecules/notification.less';

/* ==========================================================================
   Capital Framework
   Notifications Styling
   ========================================================================== */

//
// Theme variables
//

// Color variables

@notification-bg:             @gray-10;
@notification-bg-success:     @green-20;
@notification-bg-warning:     @gold-20;
@notification-bg-error:       @red-20;

@notification-border:         @gray-40;
@notification-border-success: @green;
@notification-border-warning: @gold;
@notification-border-error:   @red;

@notification-icon:           @gray;
@notification-icon-success:   @green;
@notification-icon-warning:   @gold;
@notification-icon-error:     @red;

// Sizing variables

@notification-padding__px:    15px;


//
// Import external dependencies
//

@import (less) '../../cf-core/src/cf-core.less';
@import (less) '../../cf-icons/src/cf-icons.less';


//
// Molecules
//

@import (less) './molecules/notification.less';

Set color variable names directly
Set color variable names directly