There are a lot of probably’s and unlikely’s in here to avoid conflicts when nesting, which realistically the BEM methodology does away with. And the SASS nesting thing, I guess is a preference really. Individuals can weigh up the pros and cons of having a component in a block without repeating themselves, or repeating themselves and seeing verbosely what each classname is.

If I’m reading your comments correctly, you’re suggesting the element name should match the element section in the classname? Which is not the case: https://en.bem.info/methodology/css/#naming otherwise you wouldn’t be able to support two lists in block for example, without misusing the modifier parts.

I’ll agree to disagree with you on this. :-)

With regards to the dark mode colours in my site design, I did call out in the article around using a different colours for the buttons in production, due to the contrast. ColorShark is great at helping with these things.

I welcome all comments, and don’t consider these harsh.