Please add 'css-nested-elements' rule. about stylelint-bem HOT 3 CLOSED

Hi @Maxvien

the initial version of our internal bem code styleguide and the corresponding stylelint-bem-namics project did not allow nested elements.
However in our project we realised that there are many cases where elements need child elements to structure the css code well.

One example would be the following:

accordion
accordion__head
accordion__body

Here it is very easy to see that title and body are isolated elements which have to be placed inside an accordion wrapper element.

Ofcause you could use - instead of __ e.g. accordion-head or accordion-body.
But actually you just replace one separator with another but would keep the same structure.

How do you solve those cases?

from stylelint-bem.

Hi @jantimon

I'll think about your solution.

Thanks for your response. 👍

from stylelint-bem.

Closing due to lack of activity

from stylelint-bem.