cip-components/styles/cci-stardand/message.less

@import "../variate.less";

.@{elNamespace}-message {
  // 重新定义message的padding和圆角
  --@{elNamespace}-message-padding: 9px 10px 9px 16px;
  min-width: 600px;
  max-width: 80%;
  border-radius: 2px;
  // el-message的info提示为蓝色
  &.@{elNamespace}-message--info {
    --@{elNamespace}-color-info: var(~'--@{elNamespace}-color-primary');
    --@{elNamespace}-message-border-color: var(~'--@{elNamespace}-color-primary');
    --@{elNamespace}-message-bg-color: var(~'--@{elNamespace}-color-primary-light-9');
  }
  // 修改字体颜色等样式
  .@{elNamespace}-message__content {
    color: var(~'--@{elNamespace}-text-color-primary');
    font-weight: 400;
    line-height: 22px;
  }
  // 按照ui标准修改close的位置定位
  .@{elNamespace}-message__closeBtn {
    right: 14px;
  }
  &--success{
    --@{elNamespace}-message-border-color: var(~'--@{elNamespace}-color-success');
  }
  &--error{
    --@{elNamespace}-message-border-color: var(~'--@{elNamespace}-color-error');
  }
  &--warning{
    --@{elNamespace}-message-border-color: var(~'--@{elNamespace}-color-warning');
  }
}