Consideration for prefixes

[davidkpiano]

I've been using RSCSS exclusively in my latest projects, with great success. However, instead of using the two-word rule for components, I prefix all of my components, such as .my-button or .foo-modal.

This gives a few benefits:

• Namespacing - eliminates naming collisions
• Prefixes help easily identify which styles are "yours" rather than 3rd-party styles
• No more need to think of a two-name class. Prefixes are the first name.

What do you think? Maybe it's worth mentioning in the docs?

[rstacruz]

What was the prefix in those examples? .my-?

[davidkpiano]

Well, it's on a per-project basis. Typically two- or three-letter prefixes.

[rstacruz]

like:

.sg-paragraph
.sg-alert
.sg-message

and so on?

[davidkpiano]

Yep!

[damsorian]

+1 prefixes referring to ownership like .myname-componentname

[kminek]

doing the same, i'm currently using app prefix: .app-button and so on :)