More class organisation and options

[Deanphillips]

Right now, you can't add certain classes with O2.

There was a discussion of this here

"

• .class1.class2 (applies only elements that have BOTH these classes) - combo class in webflow
• .class1 .class2 (applies to only class2 that are found inside class1 elements)
• .class1 > .class2 (applies to only class2 that are direct children class1 elements)
• .class1 ~ .class2 (applies to only class2 that are siblings of class1 elements)

Etc etc. Having a visual way to add these inside the class dropdown would be great. Also, changing the order of the classes in the actual stylesheet. at the moment, the latest added class overrides previous as it comes later in the CSS. But that isn't always what we want."

[erropix]

I think all the 4 are easily handled via the custom selectors, the class name in oxygen can't contain any special character due to how the object is accessed in javascript.

The optimization, sorting of the selectors panel is already planned 👍

[Deanphillips]

So to clarify, for: .class1.class2

We'd add class1, then add class2 to an element, and then use .class1.class2 in a custom selector?

[erropix]

Yes, that's how it works!

[erropix]

A good feature related to this is the ability to add utility classes, in other words, classes that are not editable but just added to the class attribute of the component

[Deanphillips]

That'll be great, yes. Me and Wade (Oxy Agency Tools) were talking about this the other day. This would be really handy for when using something like Microthemer too, as it would stop O2 from adding the classes to it's stylesheet.

Right now we have things like

.highlighter { }

In the O2 stylesheets, which really aren't needed.