Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

PascalCase on Block selectors for React #28

Closed
tylersloan opened this issue Jun 20, 2016 · 2 comments
Closed

PascalCase on Block selectors for React #28

tylersloan opened this issue Jun 20, 2016 · 2 comments

Comments

@tylersloan
Copy link

I like the idea of this. I know we don't want to conform SO much to React because we may not use it forever. I think this makes sense though when it is necessary to use a React class as a namespace in CSS and it is easy enough to edit down the road. Just want to make sure this is cool with everyone to move forward using PascalCase on block elements (using BEM)

@lencioni
Copy link
Contributor

Yes, this is detailed in this style guide under the OOCSS and BEM section.

We recommend a variant of BEM with PascalCased “blocks”, which works particularly well when combined with components (e.g. React). Underscores and dashes are still used for modifiers and children.

@ljharb
Copy link
Collaborator

ljharb commented Jun 20, 2016

This seems like it was intended for a fork, similar to #27.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants