ant-design-pro/lib/NumberInfo/style/index.css

An enterprise-class UI design language and React-based implementation

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.antd-pro-number-info-numberInfo .antd-pro-number-info-suffix {
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 16px;
  font-style: normal;
}
.antd-pro-number-info-numberInfo .antd-pro-number-info-numberInfoTitle {
  margin-bottom: 16px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 16px;
  transition: all 0.3s;
}
.antd-pro-number-info-numberInfo .antd-pro-number-info-numberInfoSubTitle {
  height: 22px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.antd-pro-number-info-numberInfo .antd-pro-number-info-numberInfoValue {
  margin-top: 4px;
  overflow: hidden;
  font-size: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.antd-pro-number-info-numberInfo .antd-pro-number-info-numberInfoValue > span {
  display: inline-block;
  height: 32px;
  margin-right: 32px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  line-height: 32px;
}
.antd-pro-number-info-numberInfo
  .antd-pro-number-info-numberInfoValue
  .antd-pro-number-info-subTotal {
  margin-right: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  vertical-align: top;
}
.antd-pro-number-info-numberInfo
  .antd-pro-number-info-numberInfoValue
  .antd-pro-number-info-subTotal
  i {
  margin-left: 4px;
  font-size: 12px;
  transform: scale(0.82);
}
.antd-pro-number-info-numberInfo
  .antd-pro-number-info-numberInfoValue
  .antd-pro-number-info-subTotal
  .anticon-caret-up {
  color: #f5222d;
}
.antd-pro-number-info-numberInfo
  .antd-pro-number-info-numberInfoValue
  .antd-pro-number-info-subTotal
  .anticon-caret-down {
  color: #52c41a;
}
.antd-pro-number-info-numberInfolight
  .antd-pro-number-info-numberInfoValue
  > span {
  color: rgba(0, 0, 0, 0.65);
}