@import './../../variable/config.scss';

.standard-form-row {
  border-bottom: 1px dashed $border-color-split;
  padding-bottom: 16px;
  margin-bottom: 16px;
  display: flex;

  .ant-form-item {
    margin-right: 24px;
  }

  .ant-form-item-label label {
    color: $text-color;
    margin-right: 0;
  }

  .ant-form-item-label {
    padding: 0;
    line-height: 32px;
  }

  .row-title {
    color: $heading-color;
    font-size: $font-size-base;
    margin-right: 24px;
    flex: 0 0 auto;
    text-align: right;

    & > span {
      display: inline-block;
      height: 32px;
      line-height: 32px;

      &::after {
        content: '：';
      }
    }
  }

  .row-content {
    flex: 1 1 0;

    .ant-form-item:last-child {
      margin-right: 0;
    }
  }
}

.standard-form-rowlast {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.standard-form-rowblock {
  .ant-form-item,
  div.ant-form-item-control-wrapper {
    display: block;
  }
}

.standard-form-rowgrid {
  .ant-form-item,
  div.ant-form-item-control-wrapper {
    display: block;
  }

  .ant-form-item-label {
    float: left;
  }
}
