<commit_before>@import "../style/vars";

$ssv-input-placeholder-color: $ssv-master-color !default;
$ssv-input-focus-color: $ssv-secondary-color !default;
$ssv-input-disabled-color: rgba(0,0,0, .26) !default;
$ssv-input-transition: all .3s !default;
$ssv-input-border-color: $ssv-master-color !default;
$ssv-input-border: 1px solid $ssv-input-border-color !default;
$ssv-input-disabled-border: 1px dotted $ssv-input-disabled-color !default;

ssv-input {
	position: relative;
	margin-top: 1rem;

	label {
		color: $ssv-input-border-color;
		position: absolute;
		top: .8rem;
		left: 0;
		font-size: 1rem;
		cursor: text;
		transition: .2s ease-out;

		&.active {
			font-size: .8rem;
			transform: translateY(-140%);
		}
	}

	input,
	textarea {
		border: none;
		background: transparent;
		outline: none;
		border-radius: 0;
		border-bottom: $ssv-input-border;
		width: 100%;
		height: 3rem;
		box-shadow: none;
		box-sizing: content-box;
		font-size: 1rem;
		margin: 0 0 20px;
		transition: $ssv-input-transition;

		&:disabled,
		&[readonly="readonly"] {
			color: $ssv-input-disabled-color;
			border-bottom: $ssv-input-disabled-border;
		}

		// focused input
		&:focus:not([readonly]) {
			border-bottom: 1px solid $ssv-input-focus-color;
			box-shadow: 0 1px 0 0 $ssv-input-focus-color;
		}

		// focused label
		&:focus:not([readonly])+label {
			color: $ssv-input-focus-color;
		}
	}

	&[disabled] {
		label {
			color: $ssv-input-disabled-color;
		}
	}

	::-webkit-input-placeholder {
		color: $ssv-input-placeholder-color;
	}
}
<commit_msg>input: fix display block `ssv-input`<commit_after>@import "../style/vars";

$ssv-input-placeholder-color: $ssv-master-color !default;
$ssv-input-focus-color: $ssv-secondary-color !default;
$ssv-input-disabled-color: rgba(0,0,0, .26) !default;
$ssv-input-transition: all .3s !default;
$ssv-input-border-color: $ssv-master-color !default;
$ssv-input-border: 1px solid $ssv-input-border-color !default;
$ssv-input-disabled-border: 1px dotted $ssv-input-disabled-color !default;

ssv-input {
	display: block;
	position: relative;
	margin-top: 1rem;

	label {
		color: $ssv-input-border-color;
		position: absolute;
		top: .8rem;
		left: 0;
		font-size: 1rem;
		cursor: text;
		transition: .2s ease-out;

		&.active {
			font-size: .8rem;
			transform: translateY(-140%);
		}
	}

	input,
	textarea {
		border: none;
		background: transparent;
		outline: none;
		border-radius: 0;
		border-bottom: $ssv-input-border;
		width: 100%;
		height: 3rem;
		box-shadow: none;
		box-sizing: content-box;
		font-size: 1rem;
		margin: 0 0 20px;
		transition: $ssv-input-transition;

		&:disabled,
		&[readonly="readonly"] {
			color: $ssv-input-disabled-color;
			border-bottom: $ssv-input-disabled-border;
		}

		// focused input
		&:focus:not([readonly]) {
			border-bottom: 1px solid $ssv-input-focus-color;
			box-shadow: 0 1px 0 0 $ssv-input-focus-color;
		}

		// focused label
		&:focus:not([readonly])+label {
			color: $ssv-input-focus-color;
		}
	}

	&[disabled] {
		label {
			color: $ssv-input-disabled-color;
		}
	}

	::-webkit-input-placeholder {
		color: $ssv-input-placeholder-color;
	}
}

{'fraction_non_alphanumeric': 0.1683673469387755, 'fraction_numerical': 0.02040816326530612, 'mean_word_length': 3.5795620437956206, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6678195', 'n_tokens_mistral': 1403, 'n_tokens_neox': 1224, 'n_words': 234}