Как в less правильно написать вложенные element`ы?

Question

[Demigodd]

К примеру есть такой код.

<div class="header">
  <div class="header__name">
  </div>
</div>

.header {
    // code..

  @include element('name') {
    // code..
  }
}

Работает ли такой синтаксис в less ? или только в sass ?

Как получить вложенный класс что бы можно было его использовать как
element → header__name, или modifier → header--name ?

Вообщем не хочется отдельно написать два класса, а хочу их связать что бы синтаксис получился вот так header__name. Как это сделать ?

Answer 1

[skuvaWeb]

Скорее всего это делается так:

.header{
  &--red{

  }
  &__name{
  
  }
}