Release 3.1-beta

March 12, 2025
34 changes

Coming soon

This feature empowers you to easily identify and handle global classes that aren’t being utilized across your website. With just a few clicks, you can pinpoint these unused classes and choose to delete them, ensuring a leaner and more efficient codebase without impacting your frontend. This optimization not only increases your site’s performance but also simplifies maintenance, allowing you to focus on the global classes that truly matter.

Tired of typing your heading text only to copy and paste it as the element’s label again and again? We get it! With this new builder tweak, any text you enter into your heading elements will automatically sync with the label, making your structure panel much easier to manage!

Creating static and clamp values in the Variable Manager is already convenient, but what if I told you that you could generate an entire scale with just a click? That’s exactly what this feature does! You can create custom fluid scales for any category – spacing, typography, sizes, or more. Adjust the number of variables to suit your needs, rename any variable, and customize the multiplier for each step. This scale generator is one of the most powerful tools on the market, yet it is super easy to use!

Are you a CSS expert who finds the Bricks styling controls getting in the way? Wish you could just have the Custom CSS control to style your elements? This feature is for you! Once enabled, all the styling controls will be removed from the builder, leaving only the content and custom CSS controls. If you’re comfortable working with CSS, this feature will boost your productivity by focusing only on the controls that matter to you!

You can now customize your variable picker to automatically open the most relevant categories based on the CSS category of the control. For example, opening the variable picker in the margin controls will suggest spacing variables, while opening it in the typography controls will show font variables on top of the modal.
Generate all the relevant CSS variable categories within the Variable Manager with a single click! Each category will be automatically suggested in the CSS Variable Picker based on the control you're editing. Simply populate the categories with your own variables, and you're all set!
A global 'Logical Properties' converter is now available in Theme Settings. With a single click, you can convert all your directional styles applied to elements and global classes. The converter will scan all elements across posts, pages, templates, components, and global classes.
All custom CSS related to the responsive grid classes is contained within the Custom CSS control of each global class. This means AT no longer needs to output any custom code, as Bricks handles everything. These classes are now conditionally loaded on each page when required and will function fully even if you choose to…
The grid utility classes are now fully integrated into the builder via the Class Manager. By clicking the corresponding menu, you can manage all your grid utility classes directly within the builder. Any changes made are instantly compiled without the need to refresh your browser.
A new 'Permadelete' option has been added to the bulk actions menu in the Class Manager of AT. This feature allows you to permanently bulk-delete the global classes sitting inside the Trash category.
A new 'Restore' option has been added to the bulk actions menu in the Class Manager of AT. This feature allows you to bulk-restore the global classes sitting in the Trash category.
A new 'Modify' option has been added to the bulk actions menu in the Class Manager of AT. This feature allows you to bulk-convert the directional styles of your global classes into logical properties with ease.
Easily check where a specific global class is used across your entire website with the Class Manager in AT. Simply select a global class, and the right panel will display a list of all posts, pages, templates, and components where it's applied. Clicking any item in the list will open the Bricks builder on the…
A new "Show Generated CSS" view is now available in the Color Manager. This view provides an editor displaying all CSS declarations related to colors generated by AT. It's especially useful if you ever need to deactivate AT but want to keep your generated colors. Simply copy the CSS code and paste it into Bricks'…