ps-frame-father/es/components/Alert/index.css

An enterprise-class UI design language and React components implementation

.xAlertWrap {
  box-sizing: border-box;
  position: relative;
  padding: 5px 12px;
  margin-bottom: 16px;
  border-radius: 3px;
}
.xAlertWrap.success {
  background-color: #f6ffed;
  border: 1px solid #b7eb8f;
}
.xAlertWrap.info {
  background-color: #e6f7ff;
  border: 1px solid #91d5ff;
}
.xAlertWrap.error {
  background-color: #fff1f0;
  border: 1px solid #ffa39e;
}
.xAlertWrap.warning {
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
}
.xAlertWrap .alertMes {
  margin-bottom: 5px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5em;
}
.xAlertWrap .alertDesc {
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5em;
  word-break: break-all;
}
.xAlertWrap .closeBtn {
  position: absolute;
  right: 8px;
  top: 5px;
  color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}