Changelog

Keep track of what's new with ACSS! For details on specific features and utilities, please check the official documentation.

New
Enhance
Fix
  • 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