Open litinskii opened 6 years ago
I think we can use Two Dashes style
or React style
https://en.bem.info/methodology/naming-convention/#two-dashes-style
https://en.bem.info/methodology/naming-convention/#react-style
In my point of view, Two Dashes
is a good choice.
@w-site @ksalt what do you think?
@Vasso What about is we use both of this convention ?
@w-site We can mix them and implement our own convention. Like:
.ComponentName {}
.ComponentName-ElementName {}
.ComponentName-ElementName--mod-name {}
@Vasso @ksalt and what is the difference between modName and modVal in this case https://en.bem.info/methodology/naming-convention/#react-style ?
@Vasso do you mean
.ComponentName-ElementName--modName {}
@w-site your truth. Is it ok to you?
what is the difference between modName and modVal in this case
@w-site In this example search-form__button_size_s
size
is modName
s
is modVal
we can use specific mod
without separation to name
and value
@Vasso
we can use specific mod without separation to name and value
Yes, I thinks this will be the best. So to summarize:
.ComponentName-ElementName--modName {}
Am I right ?
So, we need to write this rule as a page on wiki with some examples and change current style, are you going to be responsible for this @Vasso ?
@w-site I'll do this.
add to wiki page that describe style convention BEM