jc-biz-components/lib/jc-display-item/style/index.css

jc component library based on Antd

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
:global .jc-display-item {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
:global .jc-display-item .ant-form-item-label {
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  overflow: visible;
}
:global .jc-display-item .ant-form-item-label label {
  color: #595959;
}
:global .jc-display-item .ant-form-item-control-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:global .jc-display-item .ant-form-item-control-wrapper .ant-form-item-children {
  display: block;
  width: 100%;
}
:global .jc-display-item-label-left .ant-form-item-label {
  text-align: left;
}
:global .jc-display-item-label-right .ant-form-item-label {
  text-align: right;
}
:global .jc-display-item-item-text {
  color: #000;
  padding-top: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
:global .jc-display-item-item-text > span {
  text-align: justify;
  line-height: 1.5;
}
:global .jc-display-item-label-width-4 .ant-form-item-label {
  width: 5em;
}
:global .jc-display-item-label-width-5 .ant-form-item-label {
  width: 6em;
}
:global .jc-display-item-label-width-6 .ant-form-item-label {
  width: 7em;
}
:global .jc-display-item-label-width-7 .ant-form-item-label {
  width: 8em;
}
:global .jc-display-item-label-width-8 .ant-form-item-label {
  width: 9em;
}
:global .jc-display-item .ant-checkbox-group {
  padding-top: 9px;
}
:global .jc-display-item .ant-form-extra {
  font-size: 12px;
}
:global .jc-display-item .ant-form-item-required::before {
  content: '*';
  position: absolute;
  font-family: SimSun;
  line-height: 1;
  font-size: 12px;
  color: #F5222D;
  left: -8px;
  top: 4px;
  z-index: 888;
}