Changelog
Keep track of what's new with ACSS! For details on specific features and utilities, please check the official documentation.
- January 10, 2025
3.2.10
Bricks Enhancement: Improve CSS Authoring
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.
Bricks Enhancement: CSS-First Workflow
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.
Border Mixin
New border mixin for adding global border styles.
.is-bg
New .is-bg utility for instantly turning anything into a background.
Inverse Radius Framework
The simplest and easiest way to create inverted border radii in the world of CSS.
Forms: Render radios/checkboxes as buttons using global button styles
Fluent Forms and WS Forms enhancement only.
Set the flow style of auto-grids
Force even columns for auto grids
Re-name var(--card-link-hover-color)
This is a potential breaking change for custom card styles (but not likely).
Exclude buttons from auto-styling
“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.
Improved var() handling in dashboard inputs
You can now use classes with a double dash in exclusions without triggering var() wrapping.
WS Form: Temporary Fix for Select Arrow in new WS Form version
Logic fix for a few utilities when "remove deactivated classes" is on
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.
Fixed ACF font-size issue
ACF was having its font size manipulated by ACSS resulting in large fonts in certain ACF fields. This is fixed.
- December 18, 2024
3.2.9
Improve Bricks button UI dropdown logic
The logic for populating Bricks’ dropdown with available button styles needed improvement for existing ACSS sites. Previously enabled/disabled buttons would sometimes show in the dropdown as available options when not currently enabled. We’ve added a reset for checking the currently available styles on upgrade.
- December 17, 2024
3.2.8
We’ve hit a very important milestone with this update. Keep an eye on the blog for an official write-up!
Button styles compatibility with Bricks UI
You can now use the Bricks button styles UI to apply button style classes to buttons. This feature must be enabled in the Bricks Enhancements area of the dashboard.
Card Framework: Add control for card button size
You can now control default button size for cards.
Card Framework: Exclude "group" classes from activating auto-targeting
Classes like
.service-card-group
were triggering the card framework. Much like “wrapper,” “group” is now an anti-keyword.Focus styles no longer show on click
Clicking an element that has hover focus no longer shows the focus styling. This makes for a cleaner user experience.
Headings now default to "700" to match browser default
Headings would be 700 either way, based on browser default, but some users wanted it to show 700 as the value in the dashboard for added clarity.
Show all semantic colors with transparencies in contextual menus
The context menus have now been updated to include all contextual shades and transparencies.
Improve var() stripping in dashboard inputs
We now only strip var() instances when there’s a single variable in use. For more complex scenarios, we leave the vars intact. You don’t have to write var() as we’ll add it for you automatically, but we won’t visually strip them if there’s more than one.
Dark/Light button variant classes can now be added with the context menus
We’ve updated the context menus to support dark/light button variants.
Minor fixes related to hot reloading
Font families wrapped in quotes now output correctly
In rare situations, font families need to be wrapped in quotes (e.g. “Source Sans 3”), but our parser was stripping quotes. This is now fixed.
Fix for dashboard not loading when a specific flag is set to false
Clashing JS variables caused the dashboard not to load when setting the ACSS_FLAG_LOAD_DASHBOARD_SCRIPTS_AS_MODULE flag to false. This is fixed.
Background position was missing in CSS for textures 2-5
This was found during internal testing and wasn’t yet reported by users. The background position property wasn’t being output for textures 2 through 5. This is now fixed.
Disabled transparencies no longer show up in Gutenberg color palettes
Disabled transparencies were showing placeholder swatches in Gutenberg color palettes. This is now fixed.
Gutenberg: Fix "Replace Color Palette" not working
Existing color palettes by Gutenberg or third party tools were still remaining. This is now fixed.
Fix syntax error in custom SCSS triggering a fatal error
This is a partial fix that demands a little bit of refactoring in January. The issue stems from processing mixins and functions. It occurs very rarely, but will be addressed further in January.
- November 26, 2024
3.2.7
In this patch release, we addressed a missing style in .form–light for WS Form that was overlooked in version 3.2.6. Now, your forms will look as sleek and stylish as intended!
Forms: fix missing style for WS Form in .form--light
- November 26, 2024
3.2.6
Added "margin none" classes for improved layout control
Cards can now default to using CSS Grid instead of Flexbox
Adjustment to auto-container-query aggressiveness
Resolved an issue where using special "comment headings" in global SCSS would sometimes freeze the dashboard
Forms: Addressed an issue with the input mixin that affected the height of textareas and message fields