Как сделать наследование имени класса в SCSS?

Question

[Test Test]

Добрый вечер! Столкнулся с такой проблемой.

Имеется такой css-файл:

.menu { ... }
.menu .menu-list { ... }
.menu .menu-list .menu-list-item { ... }
.menu .menu-list .menu-list-item:hover { ... }

Пытаюсь перенести его на SCSS

.menu {
  ...
  & &-list {
      ....
      & &-item {
             ....
            &:hover {
               ....
            }
       }
   }
}

Но получается не то, что хотелось бы.

.menu { ... }
.menu .menu-list { ... } 
.menu .menu-list .menu .menu-list-item { ... }

Не знаете, как решить проблему?

Comments

[Test Test]

Александр А: да, нужно перевести чужой код в scss. Или есть какие-нибудь альтернативы?

Answer 1

[Евгений Комаров]

нужно перевести чужой код в scss. Или есть какие-нибудь альтернативы?

ну гуглите... сервисов масса. не все идеальны, подправить ручками местами прийдется

Comments

[Test Test]

Спасибо за ссылку. ;) Но все же было бы интересно узнать, как решить эту проблему.
Попробовал загнать на один из сайтов, там просто идет вложение "класс-в-класс", и всё.

Т.е

.menu {
...
.menu-list {
....

.menu-list-item {
....
}
}

Answer 2

[Андрей Б.]

.menu {
	...
	.menu-list {
		...
		.menu-list-item {
			...
			&:hover {
				...
			}
		}
	}
}

На выходе:

.menu{...}
.menu .menu-list{...}
.menu .menu-list .menu-list-item{...}
.menu .menu-list .menu-list-item:hover{...}

Comments

[Test Test]

А мне нужно:

.menu { ... }
.menu .menu-list { ... }
.menu .menu-list .menu-list-item { ... }
.menu .menu-list .menu-list-item:hover { ... }

[Андрей Б.]

поправил ответ

[Test Test]

Андрей Б.: меня интересует, чтобы не дублировались имена классов, а как-то попробовать сделать через &. Но все равно спасибо. ;)

[Андрей Б.]

по другому никак

Answer 3

[Николай Шабалин]

Получается жесть какая-то

.menu {
  color: red;
  .menu {
    &-list {
      color: green;
      .menu-list {
        &-item {
          color: blacl;
          &:hover {
            color: orange;
          }
        } 
      }
    } 
  }
}

Ссылко