Как подняться вверх по дереву элементов в sass?

Question

[gazes12]

.register {
	color: black;
	margin: 50px 0px 0px 0px;
	&__container {}
	&__form {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 50px;

		color: #3B586B;
	}

	&__title{
		font-size: 60px;
		color: #FDF5E6;
		text-align: center;
	}

	input{
		background: #8DA399;
		border: none;
		border-radius: 50px;
		height: 80px;
		padding: 0px 0px 0px 20px;

		box-shadow: 3px 3px #4D5954, -1em 0 .4em #D5F6E7;

		outline: none;

		font-weight: 700;

		&::placeholder{
			color: #45504B;
		}

		&:focus{
			&::placeholder{
				color: #C0DED1;
			}

			.register__image{
				opacity: 1;
			}
		}
	}

	&__login {
		width: 90%;
	}
	&__password {
		width: 70%;
		margin: 50px 0px 0px 0px;
	}

	&__button {
		transition: color ease 0.2s;
		margin: 50px 0px 0px 0px;
		font-size: 50px;

		color: #50C878;

		&:hover{
			color: #C0DED1;
		}
	}
	&__image {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;

		z-index: -1;
		opacity: 0.2;
	}
}

при фокусе по input, я хочу .register__image сделать opacity 1, ну я не знаю как ему это сообщить.

Comments

[Ankhena]

:focus-within