Changelog

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

New
Enhance
Fix

  • 3.3.4

    • Changed Icon Framework default to "on" (fresh installs only)

      The Icon Framework will now be on by default for fresh installations. Remember: The icon framework does not style icons without your permission, so enabling it has no affect out of the box. It simply loads the framework variables so they can be used without preparation and maximizes compatibility with Frames and other systems that leverage the icon framework.

    • Fixed a php warning related to color palette

    • Fixed an instance of code duplication for form styling

    • Fixed an instance of form styling code loading even when form styling turned off

    • Fixed a margin issue related to .form--dark styling

    • Fixed an issue related to radio and checkbox styling

    • Fixed missing styles for Radios for new WS Form version

  • 3.3.3

    • Basic Flex Recipes

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

    • Etch detection SCSS flag for conditional framework support in Etch

    • Experimental flag removed from Icon Framework

      Icon framework has graduated out of experimental.

    • Added breakpoint variants for all flex alignment utilities

    • Set focus color for links/buttons in auto color relationship areas

    • .is-bg support for figure and picture tags

    • Remove duplicate margins in smart spacing when lists, quotes, or figures are first-children

    • Folder architecture refactoring for content grid, height, and corner ribbons

    • Form: new controls for hover colors

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

  • 3.3.2

    • Dashboard loading in Gutenberg

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

  • 3.3.1

    • PHP warning for missing color scheme switcher component (in builder)

      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.

  • 3.3.0

    Note: One enhancement below is marked as “check for unforeseen/unintended consequences” for a small percentage of users. Please review that enhancement before updating and avoid bulk updating until you’ve confirmed that it is not a change that impacts your typical development workflow/practices.

    • Add Etch support

      ACSS is now compatible with Etch’s canvas iframe.

    • Next-gen global SCSS/CSS processing

      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.

    • Icon Framework: Granular control over icon "theme"

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

    • Icon Framework: Granular control over icon "style"

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

    • Icon Framework: Granular control over icon size

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

    • Detect Cloudflare errors during plugin activation

    • Load the color palette for all post types in Gutenberg

    • Separate button padding properties into block and inline for improved value handling

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

    • Text area inputs don't calc/var parse anymore, allowing for fallback values for variables

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

    • Improve handling of max-width property on text--{size} classes (Check for UC!)

      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.

    • Fix for header height for xs and xxl not appearing when activated

    • Fix "auto-fill" class in context menu

    • Fix the output of max-width for h1 styles

    • Normalize the max-width of blocks for all post types in Gutenberg

    • Fix add element badge layout due to latest Bricks changes

    • MANUAL: Change default link exclusion target to fix linked images getting indicated

      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.

    • Bricks structure panel collides with ACSS bubble

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