SASS изменить стиль именования вложенных элементов класса

Question

Я хотел бы использовать систему имен SMACSS с SASS. Ожидайте следующий код SASS:

nav
  ul
    margin: 0
    padding: 0
    list-style: none

в качестве выхода я получу

nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

но в соответствии с методологией SMACSS именование классов должно выглядеть так:

nav-ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

Не могли бы вы посоветовать, как изменить стиль именования классов в SASS для достижения этой цели?

Answer 1

Вы можете написать это так:

nav
  &-ul
    margin: 0
    padding: 0
    list-style: none

результат:

nav-ul {
  margin: 0;
  padding: 0;
  list-style: none;
}