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

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

// Input styles
.@{input-prefix-cls} {
	.reset-component();
	.input-base();

	&::placeholder {
		color: @input-placeholder-color;
	}

	&-borderless& {
		.input-base();
	}
	//数字提示文本区域样式
	&-textarea-show-count {
		position: relative;
		border-radius: @border-radius-base;

		textarea.@{input-prefix-cls} {
			min-height: 18px;
		}

		&::after {
			float: unset;
			position: absolute;
			bottom: @input-padding-vertical;
			right: 10px;
			font-size: @font-size-sm;
			color: @gray-40;
			z-index: 4;
		}
	}

	&-textarea-clear-show-count {
		&::after {
			right: calc(10px + @input-icon-size-md + 8px);
		}

		.@{icon-prefix-cls} {
			font-size: @input-icon-size-md;
			top: calc((@input-height-md - @input-icon-size-md) / 2);
		}

		textarea.@{input-prefix-cls} {
			padding-right: calc(10px + 8px + @input-icon-size-md);
		}
	}

	// 不同尺寸下after的bottom距离
	&-textarea {
		&-show-count&-lg {
			&::after {
				font-size: @font-size-base;
				line-height: @layout-height-3;
				bottom: @input-padding-vertical-lg;
			}

			.@{icon-prefix-cls} {
				font-size: @input-icon-size-lg;
				top: calc((@input-height-lg - @input-icon-size-lg) / 2);
			}

			textarea.@{input-prefix-cls} {
				padding-right: calc(10px + 8px + @input-icon-size-lg);
			}
		}
		&-show-count&-sm {
			&::after {
				bottom: @input-padding-vertical-sm;
			}

			.@{icon-prefix-cls} {
				font-size: @input-icon-size-sm;
				top: calc((@input-height-sm - @input-icon-size-sm) / 2);
			}
		}
		&-show-count&-xs {
			&::after {
				bottom: @input-padding-vertical-xs;
			}

			.@{icon-prefix-cls} {
				font-size: @input-icon-size-xs;
				top: calc((@input-height-xs - @input-icon-size-xs) / 2);
			}

			textarea.@{input-prefix-cls} {
				padding-right: calc(10px + 8px + @input-icon-size-xs);
			}
		}
	}

	//== Style for input-group: input with label, with button or dropdown...
	&-group {
		.input-group(~'@{input-prefix-cls}');

		//xs单独的group需要修改的样式
		&-wrapper&-wrapper-xs {
			padding: 0;
		}

		//Disabled addon样式
		&-wrapper.@{input-prefix-cls}-disabled {
			.@{input-prefix-cls}-group-addon {
				.bd-disabled();
				color: @gray-30;
			}
		}
	}

	&-password-icon {
		color: @font-color-caption;
	}
}
@import './affix.less';
@import './allow-clear.less';