The plain class feature can do much more than just adding global classes in bulk. Let’s review the functionalities.
Once the builder tweak is activated, you’ll see a “P” icon inside the class field. The icon will only be visible when you’re inside the element vue – it will not appear if a class is active.
Clicking on the Plain classes icon will open a new modal where you can manage your global classes through a text area field.
Bulk Delete
To delete several classes in bulk, just delete them from the textarea and click on “Update Classes”:
The modal will automatically close and the the global class list will be refreshed:
Reset all global classes
If you want to remove all the classes on a specific element, click on the “Reset Classes” button:
Bulk Reorder Global Classes
The Plain classes feature also support reordering your classes based on the order each class appears inside the textarea.
In the example above, we are adding .new-class-1 at the third position, and .new-class-2 at the end of the list:
Once clicking on “Update Classes”, the new classes are correctly added to respective positions.
