BEM - Modifier regex not correctly

[JeroenNelen]

Hello,

I am using SCSS-lint to enforce the BEM syntax but it seems to want modifiers to be prefixed by one dash - in stead of two dashes --.

As I understand, it should normally work with two dashes.
For example, my block is jn-button (jn prefix, button is my block) and when I want to add a modifier I normally write it like this: jn-button--primary but this fails the scss lint.

It allows jn-button-primary but then I can no longer see which part is the block and which part is the modifier.

Or am I overlooking anything?

Kind regards,

[trotzig]

Hi Jeroen,

You should be able to switch to the hyphenated_BEM convention in your scss-lint config.

linters:
  SelectorFormat:
    convention: hyphenated_BEM

See these issues for more detail: #318, #254.

[JeroenNelen]

Hello Trotzig, thanks for your reply! This indeed works as expected.