Correct order of the BEM (naming)

[luis-pato]

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!

[garybot]

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

[himedlooff]

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

[himedlooff]

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

[himedlooff]

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

[luis-pato]

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

[rokumatsumoto]

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

[luis-pato]

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