@charset "UTF-8";

// message variables
// --------------------------------------------------

////
/// @module message: 信息反馈
/// @tag  message
/// @category component
/// @family feedback
/// @varPrefix $message-
/// @classPrefix {prefix}-message
/// @order {"size/bounding":10,"size/title & content":11,"size/title":12,"size/content":13,"size/close":14,"statement/normal":10,"statement/normal/bounding":100,"statement/normal/title":101,"statement/normal/content":102,"statement/normal/close":103,"statement/hover":11,"statement/hover/close":110}
////

// Size:Large
// ----------------------------------------

/// padding
/// @namespace size/bounding
$message-size-l-padding: $s-4 !default;
/// border width
/// @namespace size/bounding
$message-size-l-border-width: $line-2 !default;
/// padding (l)
/// @namespace size/title & content
$message-size-l-title-content-padding-left: $s-3 !default;
/// padding (r)
/// @namespace size/title & content
$message-size-l-title-content-padding-right: $s-5 !default;
/// text
/// @namespace size/title
$message-size-l-title-font: $font-size-title !default;
/// margin (t)
/// @namespace size/content
$message-size-l-content-margin-top: $s-2 !default;
/// text
/// @namespace size/content
$message-size-l-content-font: $font-size-body-1 !default;
/// margin (t)
/// @namespace size/close
$message-size-l-close-top: $s-4 !default;
/// margin (l)
/// @namespace size/close
$message-size-l-close-right: $s-4 !default;
/// icon
/// @namespace size/content
$message-size-l-icon: $icon-l !default;
// unconfigurable
$message-size-l-title-content-padding: 0 $message-size-l-title-content-padding-right 0 calc(#{$message-size-l-title-content-padding-left} + #{$message-size-l-icon}) !default;

// Size:Medium
// ----------------------------------------

/// padding
/// @namespace size/bounding
$message-size-m-padding: $s-3 !default;
/// border width
/// @namespace size/bounding
$message-size-m-border-width: $line-1 !default;
/// padding (l)
/// @namespace size/title & content
$message-size-m-title-content-padding-left: $s-2 !default;
/// padding (r)
/// @namespace size/title & content
$message-size-m-title-content-padding-right: $s-5 !default;
/// text
/// @namespace size/title
$message-size-m-title-font: $font-size-subhead !default;
/// margin (t)
/// @namespace size/content
$message-size-m-content-margin-top: $s-2 !default;
/// text
/// @namespace size/content
$message-size-m-content-font: $font-size-body-1 !default;
/// margin (t)
/// @namespace size/close
$message-size-m-close-top: $s-3 !default;
/// margin (r)
/// @namespace size/close
$message-size-m-close-right: $s-3 !default;
/// icon
/// @namespace size/content
$message-size-m-icon: $icon-s !default;
// unconfigurable
$message-size-m-title-content-padding: 0 $message-size-m-title-content-padding-right 0 calc(#{$message-size-m-title-content-padding-left} + #{$message-size-m-icon}) !default;

/// icon
/// @namespace size/close
$message-close-icon-size: $icon-xs !default;

// Statement:Common
// ----------------------------------------

/// corner
/// @namespace size/bounding
$message-size-l-border-radius: $corner-1 !default;
/// corner
/// @namespace size/bounding
$message-size-m-border-radius: $corner-1 !default;
/// corner
/// @namespace size/bounding
$message-size-l-border-radius-toast: $corner-1 !default;
/// corner
/// @namespace size/bounding
$message-size-m-border-radius-toast: $corner-1 !default;
/// border style
/// @namespace statement/normal/bounding
$message-border-style: $line-solid !default;
/// border style
/// @namespace statement/normal/bounding
$message-border-style-toast: $line-solid !default;
/// shadow
/// @namespace statement/normal/bounding
$message-shadow-toast: $shadow-2-down !default;

// Statement:Success
// ----------------------------------------

/// background
/// @namespace statement/normal/bounding
$message-success-color-bg-inline: $color-success-1 !default;
/// background
/// @namespace statement/normal/bounding
$message-success-color-bg-addon: $color-transparent !default;
/// background
/// @namespace statement/normal/bounding
$message-success-color-bg-toast: $color-white !default;
/// border color
/// @namespace statement/normal/bounding
$message-success-color-border-inline: $color-success-1 !default;
/// border color
/// @namespace statement/normal/bounding
$message-success-color-border-toast: $color-white !default;
/// text
/// @namespace statement/normal/title
$message-success-color-title-inline: $color-text1-4 !default;
/// text
/// @namespace statement/normal/title
$message-success-color-title-addon: $color-text1-4 !default;
/// text
/// @namespace statement/normal/title
$message-success-color-title-toast: $color-text1-4 !default;
/// text
/// @namespace statement/normal/content
$message-success-color-content-inline: $color-text1-3 !default;
/// text
/// @namespace statement/normal/content
$message-success-color-content-addon: $color-text1-3 !default;
/// text
/// @namespace statement/normal/content
$message-success-color-content-toast: $color-text1-3 !default;
/// icon
/// @namespace statement/normal/content
$message-success-color-icon-inline: $color-success-3 !default;
/// icon
/// @namespace statement/normal/content
$message-success-color-icon-addon: $color-success-3 !default;
/// icon
/// @namespace statement/normal/content
$message-success-color-icon-toast: $color-success-3 !default;

// Statement:Error
// ----------------------------------------

/// background
/// @namespace statement/normal/bounding
$message-error-color-bg-inline: $color-error-1 !default;
/// background
/// @namespace statement/normal/bounding
$message-error-color-bg-addon: $color-transparent !default;
/// background
/// @namespace statement/normal/bounding
$message-error-color-bg-toast: $color-white !default;
/// border color
/// @namespace statement/normal/bounding
$message-error-color-border-inline: $color-error-1 !default;
/// border color
/// @namespace statement/normal/bounding
$message-error-color-border-toast: $color-white !default;
/// text
/// @namespace statement/normal/title
$message-error-color-title-inline: $color-text1-4 !default;
/// text
/// @namespace statement/normal/title
$message-error-color-title-addon: $color-text1-4 !default;
/// text
/// @namespace statement/normal/title
$message-error-color-title-toast: $color-text1-4 !default;
/// text
/// @namespace statement/normal/content
$message-error-color-content-inline: $color-text1-3 !default;
/// text
/// @namespace statement/normal/content
$message-error-color-content-addon: $color-text1-3 !default;
/// text
/// @namespace statement/normal/content
$message-error-color-content-toast: $color-text1-3 !default;
/// icon
/// @namespace statement/normal/content
$message-error-color-icon-inline: $color-error-3 !default;
/// icon
/// @namespace statement/normal/content
$message-error-color-icon-addon: $color-error-3 !default;
/// icon
/// @namespace statement/normal/content
$message-error-color-icon-toast: $color-error-3 !default;

// Statement:Warning
// ----------------------------------------

/// background
/// @namespace statement/normal/bounding
$message-warning-color-bg-inline: $color-warning-1 !default;
/// background
/// @namespace statement/normal/bounding
$message-warning-color-bg-addon: $color-transparent !default;
/// background
/// @namespace statement/normal/bounding
$message-warning-color-bg-toast: $color-white !default;
/// border color
/// @namespace statement/normal/bounding
$message-warning-color-border-inline: $color-warning-1 !default;
/// border color
/// @namespace statement/normal/bounding
$message-warning-color-border-toast: $color-white !default;
/// text
/// @namespace statement/normal/title
$message-warning-color-title-inline: $color-text1-4 !default;
/// text
/// @namespace statement/normal/title
$message-warning-color-title-addon: $color-text1-4 !default;
/// text
/// @namespace statement/normal/title
$message-warning-color-title-toast: $color-text1-4 !default;
/// text
/// @namespace statement/normal/content
$message-warning-color-content-inline: $color-text1-3 !default;
/// text
/// @namespace statement/normal/content
$message-warning-color-content-addon: $color-text1-3 !default;
/// text
/// @namespace statement/normal/content
$message-warning-color-content-toast: $color-text1-3 !default;
/// icon
/// @namespace statement/normal/content
$message-warning-color-icon-inline: $color-warning-3 !default;
/// icon
/// @namespace statement/normal/content
$message-warning-color-icon-addon: $color-warning-3 !default;
/// icon
/// @namespace statement/normal/content
$message-warning-color-icon-toast: $color-warning-3 !default;

// Statement:Notice
// ----------------------------------------

/// background
/// @namespace statement/normal/bounding
$message-notice-color-bg-inline: $color-notice-1 !default;
/// background
/// @namespace statement/normal/bounding
$message-notice-color-bg-addon: $color-transparent !default;
/// background
/// @namespace statement/normal/bounding
$message-notice-color-bg-toast: $color-white !default;
/// border color
/// @namespace statement/normal/bounding
$message-notice-color-border-inline: $color-notice-1 !default;
/// border color
/// @namespace statement/normal/bounding
$message-notice-color-border-toast: $color-white !default;
/// text
/// @namespace statement/normal/title
$message-notice-color-title-inline: $color-text1-4 !default;
/// text
/// @namespace statement/normal/title
$message-notice-color-title-addon: $color-text1-4 !default;
/// text
/// @namespace statement/normal/title
$message-notice-color-title-toast: $color-text1-4 !default;
/// text
/// @namespace statement/normal/content
$message-notice-color-content-inline: $color-text1-3 !default;
/// text
/// @namespace statement/normal/content
$message-notice-color-content-addon: $color-text1-3 !default;
/// text
/// @namespace statement/normal/content
$message-notice-color-content-toast: $color-text1-3 !default;
/// icon
/// @namespace statement/normal/content
$message-notice-color-icon-inline: $color-notice-3 !default;
/// icon
/// @namespace statement/normal/content
$message-notice-color-icon-addon: $color-notice-3 !default;
/// icon
/// @namespace statement/normal/content
$message-notice-color-icon-toast: $color-notice-3 !default;

// Statement:Help
// ----------------------------------------

/// background
/// @namespace statement/normal/bounding
$message-help-color-bg-inline: $color-help-1 !default;
/// background
/// @namespace statement/normal/bounding
$message-help-color-bg-addon: $color-transparent !default;
/// background
/// @namespace statement/normal/bounding
$message-help-color-bg-toast: $color-white !default;
/// border color
/// @namespace statement/normal/bounding
$message-help-color-border-inline: $color-help-1 !default;
/// border color
/// @namespace statement/normal/bounding
$message-help-color-border-toast: $color-white !default;
/// text
/// @namespace statement/normal/title
$message-help-color-title-inline: $color-text1-4 !default;
/// text
/// @namespace statement/normal/title
$message-help-color-title-addon: $color-text1-4 !default;
/// text
/// @namespace statement/normal/title
$message-help-color-title-toast: $color-text1-4 !default;
/// text
/// @namespace statement/normal/content
$message-help-color-content-inline: $color-text1-3 !default;
/// text
/// @namespace statement/normal/content
$message-help-color-content-addon: $color-text1-3 !default;
/// text
/// @namespace statement/normal/content
$message-help-color-content-toast: $color-text1-3 !default;
/// icon
/// @namespace statement/normal/content
$message-help-color-icon-inline: $color-help-3 !default;
/// icon
/// @namespace statement/normal/content
$message-help-color-icon-addon: $color-help-3 !default;
/// icon
/// @namespace statement/normal/content
$message-help-color-icon-toast: $color-help-3 !default;

// Statement:Loading
// ----------------------------------------

/// background
/// @namespace statement/normal/bounding
$message-loading-color-bg-inline: $color-white !default;
/// background
/// @namespace statement/normal/bounding
$message-loading-color-bg-addon: $color-transparent !default;
/// background
/// @namespace statement/normal/bounding
$message-loading-color-bg-toast: $color-white !default;
/// border color
/// @namespace statement/normal/bounding
$message-loading-color-border-inline: $color-white !default;
/// border color
/// @namespace statement/normal/bounding
$message-loading-color-border-toast: $color-white !default;
/// text
/// @namespace statement/normal/title
$message-loading-color-title-inline: $color-text1-4 !default;
/// text
/// @namespace statement/normal/title
$message-loading-color-title-addon: $color-text1-4 !default;
/// text
/// @namespace statement/normal/title
$message-loading-color-title-toast: $color-text1-4 !default;
/// text
/// @namespace statement/normal/content
$message-loading-color-content-inline: $color-text1-3 !default;
/// text
/// @namespace statement/normal/content
$message-loading-color-content-addon: $color-text1-3 !default;
/// text
/// @namespace statement/normal/content
$message-loading-color-content-toast: $color-text1-3 !default;
/// icon
/// @namespace statement/normal/content
$message-loading-color-icon-inline: $color-brand1-6 !default;
/// icon
/// @namespace statement/normal/content
$message-loading-color-icon-addon: $color-brand1-6 !default;
/// icon
/// @namespace statement/normal/content
$message-loading-color-icon-toast: $color-brand1-6 !default;

/// icon
/// @namespace statement/normal/close
$message-close-icon-color: $color-text1-2 !default;
/// icon
/// @namespace statement/hover/close
$message-hover-close-icon-color: $color-text1-3 !default;
/// success icon
/// @namespace statement/normal
/// @type icon
$message-success-icon-content: $icon-content-success !default;
/// warning icon
/// @namespace statement/normal
/// @type icon
$message-warning-icon-content: $icon-content-warning !default;
/// error icon
/// @namespace statement/normal
/// @type icon
$message-error-icon-content: $icon-content-error !default;
/// notice icon
/// @namespace statement/normal
/// @type icon
$message-notice-icon-content: $icon-content-prompt !default;
/// help icon
/// @namespace statement/normal
/// @type icon
$message-help-icon-content: $icon-content-help !default;
/// help icon
/// @namespace statement/normal
/// @type icon
$message-loading-icon-content: $icon-content-loading !default;
