Changelog

A powerful new framework for managing card styling across your project.

Users can easily control the global styling of icons now and manage custom icon styling easier at the template, page, box, and single-icon levels.

It should now be impossible for the dashboard to appear off the screen and the dashboard position will be re-checked every time the window size changes. Additionally, docking and pinning is much more accurate and dashboard height is sticky.

• The dashboard header is now sticky
• There’s a back button when searching
• Search accordions reveal additional details

Users can now drag either side of the dashboard to make it wider when the custom SCSS panel is open.

Cleanup and standardization.

Cleanup and standardization.

You can now change padding at breakpoints with padding utility classes.

Opacity classes have moved from increments of 10 to increments of 5.

.text--dark and .text--light (and similar) used to alter the color of links also. This was deemed undesirable by users, so we’ve removed this. These classes will no longer change your link color. You can still change link color using .link-- classes.

Cleanup and standardization.

You can now easily center content with the powerful new centering mixin.

Cleanup and standardization.

Cleanup and standardization, plus added .margin-block-- and .margin-inline-- classes to round out the options with margin classes.

Cleanup and standardization.

Cleanup and standardization.

File system cleanup and standardization.

• Inline-start padding for phone fields
• Removed padding bottom default that was causing issues in Bricks forms
• Removed duplicate border-color property in Bricks checkboxes

The XS and S spacing sizes were dividing by the desktop spacing scale value instead of the mobile spacing scale value. This issue has likely been present since the mobile scale was introduced over 2+ years ago.

Overall, this is a minor issue and any visual differences on mobile should be imperceptible to real users. In fact, it’s so imperceptible that nobody has reported it over this time period.

We’re talking a 2-3 pixel difference in small padding, gap, etc. The fix will actually make your mobile padding more accurate to what you were wanting in the first place, but again, is imperceptible to anyone who doesn’t know what the actual calculated values are supposed to be.

Auto color relationships can now override default heading colors while still remaining changeable by custom classes and text color utilities.

Textures & Overlays is now an official feature.

We’re building a complete, official framework for managing shared card styles. You’ll see a new Cards dashboard with a toggle switch, but this is only the start of this feature. It’s not yet ready for testing.

You can now animate textures with CSS (think gradient animations and more).

In ACSS custom SCSS area, you can create custom clamps for any use case with fluid(). The function accepts a min and max pixel value (unit not required), separated by comma, e.g. fluid(20,28);.

You can now selectively cancel out smart spacing anywhere.

ACSS now has an overflow detection mode to visually indicate elements that are creating horizontal overflow.

Smart spacing will now apply to <picture> elements the same way it applies to <figure> elements.

Some users were using auto grids on divs with no defined width, resulting in the auto grid auto collapsing. 100% default width fixes this.

All sides are now independently available as well as border-block and border-inline and all are available in default, light, and dark.

ACSS will now default to 100% root font size on fresh installs (existing installs unaffected).

This improves compatibility with overlays.

Header height is now output as a variable even if a value of 0 is used.

You can now freely use these global tokens anywhere.

Sticky was falling back to a variable, which, if undefined, was resulting in no fallback value rendering sticky elements non-sticky. This is now fixed.

An adjustment to smart spacing to address a Gutenberg issue was causing erroneous spacing in certain scenarios. We’ve reverted this for now.

You can now control the background-repeat property for textures and overlays.

You can now set blend mode for custom overlays.

You now have 5 options instead of 3 for custom textures/overlays.

Internal mostly.

This is a progressive enhancement for animating keyword values like auto, max-content, etc.

Auto color relationships should be fully compatible with color scheme now.

Auto color relationships should be fully compatible with custom textures and overlays now.

If you’ve been experimenting

You no longer need to add quotes around values manually on textures/overlays two through five.

When the user opened the dashboard for the very first time, the acss_dashboard_position was not set. So when the user pinned the dashboard and refreshed the page, the code tried to read the acss_dashboard_position (what is null) and crashed. This is fixed.

Max-height issue fixed.

You can now use a Texture Style as a background AND as an overlay. ACSS will generate .overlay– classes for each Texture style if you turn on the overlay option.

Some new controls and refinements have been added.

Textures & Overlays will not load any code unless an asset is declared. Even if the feature is turned on, no code is loaded unless you’ve defined an asset for the specific Texture you’re creating. You’re free to leave this feature on at all times with blank assets and it will have zero impact on performance.

The specificity was a little too specific, so we’ve reduced it to the minimum required to work.