@charset "UTim-f-8";
@import "../../style/function";

// Form.Label
.im-label {
  display: block;

  &-required {
    color: $colorError;
    margin-right: 3px;
  }

  &-question {
    color: $colorPlaceholder;
  }
}

// form
.im-form {
  margin-bottom: $formGap;

  // 兼容im表单组件
  .im-label,
  .im-radio,
  .im-radio-group,
  .im-checkbox,
  .im-checkgroup,
  .im-validator-enhancer {
    line-height: $formEleHeight + $formElePadding * 2;
  }

  &-row {
    margin-bottom: $formGap;

    // &--inline {
    //   float: left;
    //   clear: none;
    //   margin-right: $formGap;
    // }
  }
}

// form--h
.im-form--h {
  .im-label {
    display: inline-block;
    width: $formLabelWidth;
    text-align: right;
    margin-right: 20px;
  }

  // 兼容im表单组件
  .im-label,
  .im-radio-group,
  .im-checkgroup,
  .im-validator-enhancer {
    display: inline-block;
    vertical-align: top;
  }
}

// form--inline
.im-form--inline {
  @include clearfix();

  .im-form-row {
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
  }

  .im-label {
    text-align: left;
    width: auto;
    margin-right: 5px;
  }
}