How to handle global state? about css-architecture

[glauberramos]

I think the best approach is to handle the edit style inside each component. Each component should have a class .component-name and the editing style .component-name-editing. Something like that.

If you don't want to handle inside each component, maybe your page could have a higher class like .page-name and .page-name-editing and from that you can change the style of each component. But that is not the best because you can't reuse the styles if you use the same component on another page.