Как стилизовать input?

Question

[Lana]

У меня есть такая структура https://codepen.io/lanimya/pen/RwaJXdL
При фокусе на input span с заголовком уходит наверх, placeholder становится видимым. Нужно чтобы после того, как были введены данные, span не возвращался назад.
Не знаю как это реализовать

Answer 1

[lUser L]

В твоем случае: https://codepen.io/5h4dy_s/pen/OJNwLaY

&:focus~.form__input-text,
  &:not(:placeholder-shown) + .form__input-text{
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		top: 10px;
		left: 17px;
		font-size: 10px;
		line-height: 12px;
		color: #BABABA;
		transition: all 0.3s ease;
	}