polestar-ui-kit/styles/components/form/index.less

## Install

@import '~antd/lib/form/style/index';

@import '../../themes/default/index';
@import '../../mixins/index';

@import "./mixin";

@form-component-max-height: @input-height-base;

// Validation state
.has-success,
.has-warning,
.has-error,
.is-validating {
  &.has-feedback .@{form-prefix-cls}-item-children:after {
    top: 15px;
    right: 20px;
  }
}

.@{form-prefix-cls}-item {
  &.ps-form-item-disabled {
    label {
      opacity: 0.5;
    }
  }

  label {
     position: relative;
     //float: left;

      > .@{iconfont-css-prefix} {
        vertical-align: top;
        font-size: @font-size-base;
    }
  }

  &-children {
      position: initial;
      .ps-form-item-sub-field {
        display: inline-block;
        margin-left: 2px;
      }
  }
  &-with-help {
    margin-bottom: 0;
  }
  &-label {
    line-height: @form-component-max-height - 10px;
    //display: block;

    label.@{form-prefix-cls}-item-required {
      &:after {
        & when not (@form-item-trailing-colon=true) {
          display: inline-block;
          margin-left: 4px;
          content: "*";
          font-family: SimSun;
          line-height: 1;
          font-size: @font-size-base;
          color: @label-required-color;
        }
        .@{form-prefix-cls}-hide-required-mark & {
          display: none;
        }
      }
    }
  }
}

.@{form-prefix-cls}-inline {
  .@{form-prefix-cls}-item {
    &-with-help {
      margin-bottom: 0;
    }
  }
}

.show-help-motion(@className, @keyframeName, @duration: @animation-duration-base) {
  .make-motion(@className, @keyframeName, @duration);
  .@{className}-leave {
    opacity: 0;
  }
}

// ahn 추가함
.ant-form-horizontal {
  .ant-form-item {
    margin-bottom: 15px;
  }
}

// form group
.ant-form {
  .form-group {
      padding: 0 8px;
      margin-bottom: 8px;
      border-bottom: 1px dotted;

      .form-group-title {
          margin-left: -8px;
          padding-bottom: 8px;
          font-size: 16px;
      }

      .form-group-field {
          padding: 2px;
      }
  }
}

.ps-search-form-container .@{form-prefix-cls}-item-required:after,
.@{form-prefix-cls}-item-required::before {
  display: none !important;
}