Correct order of the BEM (naming)

Question

Correct order of the BEM (naming)

luis-pato opened this issue 6 years ago · 7 comments

I have been reading about BEM and i find it really interesting.
Concerning the order in the naming convention i have seen two contradictory ideas, so i though i would write you to clear this up.
In some places i have seen that in BEM you always have to write block__element--modifier (in this order).
In other places i have read we can actually use block--modifier__element.
( i think the example was .person--female__hand).

I can see some reasons for using both, but was wondering what you recommend.
Thanks!

Answer 1 · 2019-02-16T15:41:04.000Z

According to http://getbem.com/naming/ block__element--modifier is proper. block--modifier__element isn't mentioned.

Answer 2 · 2019-02-27T22:20:19.000Z

The author is referring to this article https://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/

Answer 3 · 2019-02-27T23:35:38.000Z

More info from @iamstarkov https://twitter.com/himedlooff/status/1100887286600945664?s=19

Answer 4 · 2019-02-28T02:02:33.000Z

https://en.bem.info/methodology/faq/#why-isnt-the-name-of-the-block-modifier-written-in-the-element-name-block_mod__elem

☝️

BEM.info is against block modifier element

Answer 5 · 2019-03-04T07:08:26.000Z

Thanks @himedlooff, i'll take a look at those links!

Answer 6 · 2019-06-19T09:38:48.000Z

@luis-pato https://en.bem.info/methodology/naming-convention/#alternative-naming-schemes

Answer 7 · 2019-06-19T09:40:14.000Z

@rokumatsumoto thanks, i'll take a look! 😄