Как сделать так чтобы заработал код?

Question

[gazes12]

.user {
		&__column {
			transition: all ease 0.5s;
			transform: translate(0px);
		}
		&__logo {
			&.active{
				& + .user{
					&__column{
						transform: translate(-270px);
					}
				}
			}
		}
		&__text {}
		&__hello {}
		&__exit {}
	}

Эта часть кода не хочет работать:

&__logo {
			&.active{
				& + .user{
					&__column{
						transform: translate(-270px);
					}
				}
			}
		}

Answer 1

[Сергей delphinpro]

.user {
    &__column {
      transition: all ease 0.5s;
      transform: translate(0px);
    }
    &__logo.active + .user &__column{
      transform: translate(-270px);
    }
    &__text {}
    &__hello {}
    &__exit {}
}

Comments

[gazes12]

не работает

[Сергей delphinpro]

gazes12, ну давай ДУМАТЬ (я понимаю, что это сложно)

Что получится из

.user {
    &__logo.active + .user &__column{

А получится это:

.user__logo.active + .user .user__columns {}

Косяк, правда?

Правильный селектор примерно такой

.user__logo.active + .user__columns {}

А в sass оно выглядит так

.user {
    &__logo.active + &__column{

ДУМАТЬ надо! Тот кто отвечает вам в интернете, тоже иногда ошибается. Особенно при копировании вашего говнокода.