@import '~@cainiaofe/cn-ui-m-theme/token.px.scss';

$class-prefix: 'cn-ui-m-notice';

.cn-ui-m-notice {
  --notice-height: #{$m-s-44};

  // 背景色
  --notice-success-bg-color: #{$m-color-success-lightest};
  --notice-warning-bg-color: #{$m-color-warning-lightest};
  --notice-error-bg-color: #{$m-color-error-lightest};
  --notice-help-bg-color: #{$m-color-secondary-lightest};
  --notice-notice-bg-color: #{$m-color-warning-lightest};

  // 文字颜色
  --notice-success-color: #{$m-color-success-heavy};
  --notice-warning-color: #{$m-color-warning-heavy};
  --notice-error-color: #{$m-color-error-heavy};
  --notice-help-color: #{$m-color-primary-heavy};
  --notice-notice-color: #{$m-color-warning-heavy};

  // icon color
  --notice-success-icon-color: #{$m-color-success};
  --notice-warning-icon-color: #{$m-color-warning};
  --notice-error-icon-color: #{$m-color-error};
  --notice-help-icon-color: #{$m-color-primary};
  --notice-notice-icon-color: #{$m-color-warning};
}