Skip to content

Nested Elements not supported #8

@Baldauf

Description

@Baldauf

Nested BEM elements don't seem to be supported.
In a html structure like this one:

<div class="list-item">
  <div class="list-item__label">
    <span class="list-item__label__lbl">Label 1</span>
    <div class="list-item__label__caption">Caption 1</div>
  </div>
</div>

I would expect to be able to access Label 1 using

@include B(list-item) {
  @include E(label) {
    @include E(lbl) {
       styles: here;
     }
  }
}

But the css will actually just output as .list-item__lbl{ styles: here; }

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions