@perfma/heaven/es/alert/index.less

An UI Framework base [Ant Design V4](https://ant.design/components/overview-cn/) for React.

@import '~antd/es/alert/style/index.less';
@import '../style/vars.less';

.@{ant-prefix}-alert {
  padding: 8px 16px;
  align-items: flex-start;
}
.@{ant-prefix}-alert .@{ant-prefix}-alert-icon {
  font-size: 14px;
  margin-top: 2px;
  margin-right: 8px;
}
.@{ant-prefix}-alert-error .@{ant-prefix}-alert-message,
.@{ant-prefix}-alert-error .@{ant-prefix}-alert-description {
  color: @error-color;
}
.@{ant-prefix}-alert-with-description .@{ant-prefix}-alert-message {
  font-size: 14px;
  margin-bottom: 0;
  font-family: PingFangSC-Medium;
}
.@{ant-prefix}-alert-with-description .@{ant-prefix}-alert-icon {
  margin-top: 4px;
}
.@{ant-prefix}-alert-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.@{ant-prefix}-alert-close-icon {
  margin-top: 2px;
}
.@{ant-prefix}-alert-with-description .@{ant-prefix}-alert-close-icon {
  margin-top: 4px;
}

// Alert
@alert-success-border-color: color(~`colorPalette('@{success-color}', 4) `);
@alert-success-bg-color: color(~`colorPalette('@{success-color}', 1) `);
@alert-success-icon-color: @success-color;
@alert-info-border-color: color(~`colorPalette('@{primary-color}', 4) `);
@alert-info-bg-color: color(~`colorPalette('@{primary-color}', 1) `);
@alert-info-icon-color: @primary-color;
@alert-warning-border-color: color(~`colorPalette('@{warning-color}', 4) `);
@alert-warning-bg-color: color(~`colorPalette('@{warning-color}', 1) `);
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: color(~`colorPalette('@{error-color}', 4) `);
@alert-error-bg-color: color(~`colorPalette('@{error-color}', 1) `);