If you’re looking for a way to regroup all your Custom CSS declared in each element into the Advanced CSS panel, you’re now able to do that with one click!
Release 1.2.4
August 4, 2023
24 changes
This release is mainly resolving bugs from previous releases and enhances the Advanced CSS panel with new functionalities. Check all the changes below!
NEW
Import your Custom CSS from each element to your Global CSS
NEW
Autogenerate your CSS declarations
Want to style an entire component using Custom CSS? That’s super easy with this new feature. Just click on a button inside the Advanced CSS Panel, and the script will generate all your CSS declarations for you – including all the media queries based on your active breakpoint.
NEW
Extract your classes from the Advanced CSS and save them as Bricks Global Classes
Get the best of both worlds! Simply write down all your custom CSS inside the Advanced CSS panel. Then, with a simple click, extract all the classes from the CSS declarations and import them as Global Classes in Bricks – so you can easily reuse them inside the Builder.
NEW
Save your Global CSS from the builder
You are now able to add/edit/remove your global CSS declarations inside the Advanced CSS panel and save them without leaving the builder!
NEW
Group classes by Lock Status
When employing utility classes, you may prefer to have the locked classes appear at the top of the class dropdown, as opposed to the element-specific classes that you may not find much reuse for. With this functionality activated, the arrangement of classes in the dropdown will be determined by their “lock” status.
FIX
Remove a white space in the Structure Panel
Since 1.2.3, a 7px white space was showing up on the left of the Structure Panel. The white space has been removed.
FIX
Tag Manager improved
There was a bug regarding the z-index of the tag dropdown that has been solved, and the overall performance and browser's compatibility has been improved.
FIX
Extend Classes improved
When extending the classes to other elements in the Structure Panel, the classes from the CSS field were ignored. They have now been added as well.
FIX
Export/Import ID Styles to Classes improved
There was a bug leading to the export/import of all the typography settings to the classes - including fields with no values. Now the script will export/import only the single non-empty values.
FIX
Focus on the container when adding a section through shortcuts improved
In some cases, the autofocus on the container element wasn't working correctly when adding a section through the shortcut sidebar.
FIX
JS error in the Structure Panel
There was a Javascript error showing up while editing a template without any page content. This has been fixed.
FIX
Click outside the Structure Panel didn’t unselect the active element.
Bricks recently introduced the possibility to click outside the structure panel to unselect any active element (just like pressing ESC on the keyboard). It wasn't working correctly when the shortcut sidebar was active - this has been fixed.
FIX
Indicators not showing correctly when “autofocus on first unlocked class” is enabled
When the "autofocus on first unlocked class" was enabled, the various style indicators weren't showing correctly and you needed to unselect/reselect the class in order to refresh the indicators. The indicators should show up normally now.
FIX
Autoclose variable brackets didn’t support the !important tag
When using a CSS variable with an !important tag, the script automatically added a closing bracket. Now the script only adds the closing bracket if there is no space or !important tags in the functions.
FIX
The imported CSS files weren’t showing correctly inside the Advanced CSS panel
An error was leading to prevent imported CSS files to show inside the Advanced CSS Panel. Now you should see all your imported files again.