Relume Community Icon

Home

Announcements
General
Showcase

Powered by Tightknit

Improving Clarity in Style Management with Namespacing

·

·

With all the style errors going on and just for conflict resolution, I don’t know why Relume couldn’t just namespace their stuff. Adding “rlm-” to all classes and components would at least help bring more clarity to when projects grow.

Improving Clarity in Style Management with Namespacing | Relume Community

5 comments

· Sorted by Oldest

Matt J.
·
·
Fuzen C. thanks for the feedback! Out of curiosity, what problem do you believe this would solve - just so that I'm clear?
Fuzen C.
·
·
Matt J. projects get messy despite our best intentions. And sometime we are not starting from Relume. A theme would already have classes. And Webflow’s new AI site builder has classes. All I am saying is that looking at our UI and knowing what contributed to our clusterfuck of classes would be nice. At least I know when working with CSS frameworks out of Webflow where a particular class is coming from.
Matt J.
·
·
Hmm all of our classes are named following a framework called Client-First - have you looked into?
Fuzen C.
·
·
You’re saying that your class names are prefixed? Where have I been for the last decade?!
Matt J.
·
·
naw, I’m saying that we follow a proven and documented framework for how we structure our components. Besides the names of our components (layout22), you wouldn't even be able to tell that its a Relume component which is a huge benefit in my opinion. Whereas prefixing the classes breaks this naming convention and also makes our components different from the rest of the website structure - which I understand is your point but I would say that if a website’s classes are getting chaotic that it likely as more to do with the lack of consistency in following a framework than anything else. https://finsweet.com/client-first/docs/intro