Thanks to everyone who helped test the two beta versions. This was a big release with a ton of moving parts. We hope you enjoy all the new features and updates. There's more to come!
Click on linked items for expanded details. NOTE: Make sure you read the entry about "class chaining" in Bricks Builder before updating. This is a required change for Bricks users.
- Completely refactored color system.
- var(--{color}-comp-h) partial variable.
- Entire framework now uses CSS Logical Properties for modernization and RTL support.
- Enhanced Builder Functionality (Oxygen & Bricks)
- Official Support for Gutenberg
- "Flex Grid" Classes
- Dark Form Styles (.form--dark)
- Added support for disabling class chaining in Bricks Builder (Mandatory for v2.5+)
- Added "Load Deprecated Styles" option for optional deprecated styles support.
- Link underline offset
- Minor updates to dashboard color scheme & typography
- Removed position/sticky classes from pro mode exclusions to make them available when Pro Mode is activated.
- Refactored centering classes for easier management and to clean up Oxygen dependencies.
- Separated global form styling inputs from dark/light form styling inputs.
- Deprecated Styles (Owl & Ultra-Dark-Trans)
- Added clarification for hover shade values.
- Updated Server & WP Requirements
- Base text size now allows decimals
- Fixed object-fit--top-left and object-fit--bottom-left. These had incorrect coordinate combinations.
- Breakpoint grid classes now properly target the inner wrapper in Oxygen sections again.
- Display classes now take priority over almost anything else.
- Various Form Styling Fixes
- Various fixes & tweaks for contextual menus
- Fixed an issue with breakout class specificity.
- Removed the flex instruction from self--center so it doesn't do too much.
- Fixed an HSL issue with white trans values.
- Fixed a calculation issue with .pad-section classes.
- Fixed an issue causing lightboxes to not load.
- Fixed an unexpected horizontal scrollbar in dashboard.
- Fixed an issue where the header-height variable interphases with Bricks structure panel.
- Fxied an issue with stretch class not working in Oxygen.
- Enhancement
- Added the new contextual variables to builder autosuggest.
- Fix
- Adjusted .clickable-parent functionality to make sure it works on text links.
- Made an adjustment to automatic var expansion to fix the bug where it interpreted variables such as .grid—3-2 as a formula instead of just a variable.
- Fixed an issue where text selection color wasn’t showing up in Firefox when the text selection color input in ACSS was reset to blank.
- Fixed an issue where the deprecated contextual utilities in Frames (prefixed with “fr”) were overriding the new contextual utility values.
New
Enhancements
- Added var(—paragraph-spacing) and var(—heading-spacing). These reference the paragraph and heading spacing values for users with the “fix paragraph and heading spacing” turned on so they can easily reference these values when writing custom CSS.
- Support for overlapping grid rows with .row-start— and .row-end—
- 12 available rows at each breakpoint.
- Added the ability to customize the selection/highlight color for your website (Additional Styles Tab). This is not set by default, so you’ll need to set it in order to see your preferred selection styling.
- Background selection color
- Text selection color
- Alternate selection background color
- Alternate text selection color
- Alternate colors are activated via .selection—alt class. Useful for sections where the background color is the same as the current selection color.
Fixes
- New Action palette will preload in Bricks.
- Required fields in WSForm now inherit the new action color instead of the old primary color.
- .h— classes will now inherit heading line height preference from ACSS dashboard.
- “Fix paragraphs and headings” now applies to Text and HTML form fields.
- Paragraph and heading line lengths in the ACSS dashboard are now set to 100% by default. Users will have to manually change these to a “ch” unit to get the desired effect (highly recommended for best UX & readability).
- Fixed an issue where ACSS wasn’t recognizing the Lite version of WSForm.
- Fixed an issue where .breakout—full could cause some content alignment issues.
- Border width inputs now work on Forms.
- Border width now affects Signature field.
- Custom heading scales now work as expected.
- Fixed “click an item to add it to canvas” message in bricks being affected by ACSS’ paragraph max-width setting.
- Fixed checkbox labels not responding to option label font-weight changes.
