Changelog

@flex-row and @flex-col are the beginning of some shortcut recipes to alleviate repetitive typing in custom CSS.

Icon framework has graduated out of experimental.

New controls in the dashboard that allow to set colors on <input> hover

We fixed an issue loading the dashboard in Gutenberg, when this is not operating in “iframe mode”

This is a hotfix release to address a vite bundling issue that failed to include the file for the in-builder color scheme switcher component (with subsequent php warning about the missing file). No changes were made to the color scheme component, so it wasn’t part of routine testing – this was more of a weird hiccup in the bundling pipeline that is now patched.

ACSS is now compatible with Etch’s canvas iframe.

1. Global CSS/SCSS now compiles instantly, on-the-fly, without the need for saving and pre-processing.
2. You can mix vanilla CSS and SCSS without issue or limitation.
3. You can now use internal ACSS SCSS variables and they will receive updated values from the dashboard instantly, without saving.

Icons, or groups of icons, can now have their theme (dark/light) changed with a utility class or data attribute.

Icons, or groups of icons, can now have their style (boxed/naked) changed with a utility class or data attribute.

Icons, or groups of icons, can now have their size changed with a utility class or data attribute.

Instead of outputting padding we now output padding-block and padding-inline for button styling.

You couldn’t use fallback values for variables in text area inputs because of the var/calc parsing. Now you can.

This enhancement is flagged as “Check for Unintended/Unforeseen Consequences.” Depending on how you were using these classes, there may be unintended or unforeseen consequences of this update. These should be easily fixable on your end, but you should report them in the community.

Outputting the max-width value associated with text sizes was breaking the ability to use these classes on containers for the purposes of inheritance. We’ve now adjusted these to only output max-width when the class is directly attached to a text target element (p, li, blockquote, cite, span, etc.). If you use the class on a parent container for the purpose of inheritance, max-width won’t interfere.

Note: In order to receive this fix, you must go to Buttons & Links > Link Exclusions and reset the exclusions to default or manually remove the “>” before the “img” in the targeting.

We’ve added some bottom padding to the Bricks structure panel so it clears the ACSS bubble when ACSS is closed.

Makes the CSS editor in Bricks a workable height and moves some rarely used fields that were positioned before it, to a position below it.

Moves the CSS tab in Bricks to the top of the list on the styling panel for users who prioritize custom CSS over segregated styling inputs.

New border mixin for adding global border styles.

New .is-bg utility for instantly turning anything into a background.

The simplest and easiest way to create inverted border radii in the world of CSS.

Fluent Forms and WS Forms enhancement only.

Read details.

Read details.

This is a potential breaking change for custom card styles (but not likely).

“Exclude ‘.btn–‘ Selectors input added to Buttons > Options > Additional Options can be used to programmatically block default button styling from selected elements. Very useful if ACSS is affecting styling of 3rd party buttons.

You can now use classes with a double dash in exclusions without triggering var() wrapping.

A few utilities were getting removed incorrectly. This feature is still experimental and is waiting on expanded logic to cover all scenarios, but this fix will still improve things short term for at least one known user who experienced issues.

ACF was having its font size manipulated by ACSS resulting in large fonts in certain ACF fields. This is fixed.