Prefix css classes to avoid collisions

Adding the lib to an existing project using the bootstrap grid results in name collisions on the row class. It’s easy to imagine situations where node and tree may collide with other libraries as well.

[fritz-c]

@jkrentz I checked on my demo site, and I didn’t find any class defined for .row, only .rst__row. Can you give me the link to a repo demonstrating the collision, or an explanation of how to set it up?

@buzztone The prefix is baked in whenever the library is built. I think it would be up to the plugin creator to “namespace” their customizations by using a different class for the outermost container, something like .my-package-tree .rst__node { background: #000; }.

[stephenc222]

I’m using normal CSS module compilation and your answers are exactly what I knew you would say. This concern I mentioned is only a possible concern for the future, and using multiple CSS class names in essentially guaranteeing the CSS of RST stays unalterable, even if requiring copying over the RST CSS rules to multiple CSS class selector rules, is exactly what I was intending to do. Thanks for response!