@import '../../../styles/definitions/placeholders';
@import '../../../styles/definitions/mixins';
@import '../../../styles/definitions/forms';

.input {
	&_group {
		position: relative;
	}

	&_label {
		display: block;
	}
	
	&_text {
		&--hidden {
			@extend %sr-only;
		}
		&:not(&--hidden) {
            @extend %form-label;
		}
	}

	&_control {
		@extend %form-control;

		&--error {
			@extend %form-control-with-error;
		}
	
		&--with-addon {
			@extend %form-control-with-addon;
		}

		&--search {
			/* clears the ‘X’ from input search */
			&::-webkit-search-decoration,
			&::-webkit-search-cancel-button,
			&::-webkit-search-results-button,
			&::-webkit-search-results-decoration {
				display: none;
			}
			&::-ms-clear,
			&::-ms-reveal { display: none; width : 0; height: 0; }
		}

		&Wrapper {
			&--with-addon {
				display: flex;
			}
		}
	}

	&_addon {
		@extend %form-addon;
	}

	&_hint {
		@extend %form-hint;
	}

	&_error {
		@extend %input-error;
	}
}