@import url(~antd/lib/form/style/index-pure.less);
@import '../../style/themes/index.less';

@input-prefix-cls: ~'@{ant-prefix}-input';
@input-number-prefix-cls: ~'@{ant-prefix}-input-number';

.@{form-prefix-cls} {
}

// ================================================================
// =                             Item                             =
// ================================================================
.@{form-item-prefix-cls} {
	// span {
	// 	font-size: @font-size-sm;
	// }

	// ==============================================================
	// =                            Label                           =
	// ==============================================================
	&-label {
		font-size: @font-size-sm;

		> label {
			font-size: inherit;

			// Required mark
			&.@{form-item-prefix-cls}-required:not(.@{form-item-prefix-cls}-required-mark-optional) {
				&:before,
				&:after {
					content: '';
					line-height: 1;
				}
			}
			&.@{form-item-prefix-cls}-required:not(.@{form-item-prefix-cls}-required-mark-optional)::after {
				display: inline-block;
				margin-left: 4px;
				font-family: SimSun, sans-serif;
				content: '*';
				color: @label-required-color;
				font-size: @form-item-label-font-size;
			}
		}
	}

	// ==============================================================
	// =                           Explain                          =
	// ==============================================================
	&-explain,
	&-extra {
		font-size: @font-size-sm;
		margin-top: 4px;
		min-height: initial;
	}
}

.@{form-prefix-cls} {
	//右对齐时*在前面,after隐藏
	&-horizontal &-item-label:not(&-item-label-left) > label {
		&.@{form-item-prefix-cls}-required:not(.@{form-item-prefix-cls}-required-mark-optional) {
			&::after {
				content: '';
			}
			&::before {
				content: '*';
			}
		}
	}
}

//status.less
.@{form-item-prefix-cls}-has-error,
.@{form-item-prefix-cls}-has-warning,
.@{form-item-prefix-cls}-is-validating {
	& :not(.@{input-prefix-cls}-disabled):not(.@{input-prefix-cls}-borderless).@{input-prefix-cls},
	&
		:not(.@{input-prefix-cls}-affix-wrapper-disabled):not(.@{input-prefix-cls}-affix-wrapper-borderless).@{input-prefix-cls}-affix-wrapper,
	&
		:not(.@{input-number-prefix-cls}-affix-wrapper-disabled):not(.@{input-number-prefix-cls}-affix-wrapper-borderless).@{input-number-prefix-cls}-affix-wrapper {
		&:focus,
		&-focused {
			box-shadow: none;
		}
	}
}

@import './horizontal.less';
@import './inline.less';