This article will take a look using Automatic CSS, a popular framework for WordPress page builders, and Bricks Builder.
With Automatic CSS Version 2.0, currently in beta, official support has been added for the Bricks Builder. Now, the framework supports both Oxygen and Bricks, with many additional builders on the roadmap.
This marks a milestone for Bricks users, alongside ACSS users. This is the first major framework available for the builder.
With it comes all the benefits of using a framework when building a website:
It's worth noting that there are some technical limitations documented by the developer behind the product. For example, variables in color field won't work until Bricks adds support for this. In the meantime, I would simply use the helper classes included in the framework to color backgrounds and texts, as this would mean that you can control your pallet from the Automatic CSS dashboard.
Actually using Automatic CSS with the Bricks Builder is relatively easy. Simply install both tools (Bricks theme first, then the framework plugin), and load the editor. Once loaded, utilize the built-in class system included in the builder to add ACSS helper classes.
For example, in this demo I made a heading element have my primary color and a wavy underline by applying two classes:
As you can see, all classes included in this framework or automatically populated into the other classes drop down built into the editor.
This is an exciting time for uses of this builder as they finally have a professional framework that is officially compatible with this tool. Users will now be able to enjoy all the features of a CSS framework with Bricks and build websites more efficiently.
Thanks for the page. Just one little correction. Bricks is not installed as a plugin and will likely never be a plugin in the traditional sense. It's installed as a WordPress Template and it is advised you use the supplied child theme from the developers.
Edited! It's a habit after writing so many Oxygen tutorials 🤯