zgabievi/sass-bem

Issues with nested elements

Closed this issue · 3 comments

@include c('menu') {
  @include e('button') {
    @include e('item') {
      ...
    }
  }
}

Should return the following css:

.c-menu .c-menu__button__item { ... }

I think it's better to leave elements simple. Nesting classrs is not reusable. As much as simple classes. Thats why it is outputing:

.c-menu .c-menu__button .c-menu__item {
    ...
}

Added second optional parameter to element mixin (or you can use e). This parameter is boolean type, It should be true, if element is nested with another element. By default it's false. [b03bb8e]

Or you can simply use ee mixin