@import "~element-ui/packages/theme-chalk/src/mixins/mixins";
@import "~element-ui/packages/theme-chalk/src/common/var";

@include b(form) {
  margin: 0 0 0 0;
  @include m(inline) {
    .el-form-item__content {
      min-width: 12em;
    }
  }
  @include m(label-top) {
    .el-form-item {
      background: $input-background;
      border-radius: 4px;
    }
  }
  @include m(novalid) {
    .el-form-item.el-form-item--compact {
      margin: 3px;
    }
  }
}

@include b(form-item) {
  @include m(compact) {
    &.el-form-item {
      margin: 6px 3px 6px 3px;
    }

    .el-input__box {
      font-size: $--size-base;
      width: 100%;
      //border: 1px solid #DCDFE6;
      box-sizing: border-box;
      background: white;
      border-radius: 4px;
    }

    .el-form-item__label {
      color: $--color-text-regular;
      line-height: $line-height;
      height: $line-height;
      font-size: $--size-base;
      padding: 0 10px 0 3px;
    }
    .el-form-item__content {
      line-height: $line-height;
      flex: 1;
      vertical-align: middle;
      //background: white;
      //border: 1px solid #C0C4CC;
      //border-radius: 4px;
    }
    .el-form-item__error {
      padding-top: 1px;
    }
  }
}