Using a comma to separate them, for example:
background-color-white, font-color-black
I’m designing some darkmode feature, it’s tidious to create separate class-toggle dynamic attributes for the same condition. I dont understand why its necessary to have separate attributes.
Create a class e.g.
.nederland {
background-color: black;
color: orange;
}
and use nederland as the name:
I already know I can use multiple styles with one class.
It’s not good practice because repeates the css when I can reference the same style from different elements.
Another vote for this one. The beauty of frameworks like Bootstrap is the ability to chain classes.
For example, based on a condition, I want to change the styling of a button from primary to primary-outline. This requires the text colour to be adjusted as well, which is another class (good). So, I need to set two classes for the conditions: ‘btn-primary’ and ‘text-primary’
Hey @Teodor I think the point was that when the condition is the same for all those classes, it would be good to be able to put them in the one string/function/code.
Rather than have 5 seperate dmx-class:style=“condition”. (Or whatever the code is 
)
I think the OP did mention they knew about adding multiple classes like how you’ve shown just now.
How are you adding multiple Class Toggles? I cannot do this. Once an attribute or even has been defined, that’s the only one I get. It is removed as an option from the selection modal.
And a further point about multiple classes:
If you are using a framework that is utility based, or following this approach with custom CSS, you NEED multiple class functionality.
Even Bootstrap follows a bit of a utility pattern. Other frameworks like Tachyons or Tailwind are very good examples of utility approach.
Sometimes when I add a second toggle it doesn’t appear for me until I click off the element and focus it again.
