Main Menu

updates

Changelog

All new features, updates, and bug fixes will be documented here. We recommend reading about each feature and change prior to updating.

  • 2.4.0 Beta-1

    Since this update contains framework-wide changes, it will be released as a beta. To get this update in your WP dashboard you'll need to turn Options > Receive Beta Releases on.

    It is strongly recommended that you do a backup before upgrading. We also recommend going to the Import & Export page and copying the settings somewhere safe. If you need to downgrade, you will need to paste the settings in and save them because of differences in the database.

    Ribbons
    new
    Contextual Colors
    new

    Two New Optional Breakpoints

    Two New Optional Breakpoints

    Feature Overview

    ACSS 2.4 ships two new optional breakpoints that help fill responsiveness gaps on wider websites (1440px+).

    • New optional breakpoint: XXL
    • New optional breakpoint: XS
    • Customizable values
    • Can be toggled on or off via the Viewport tab
    • Works with all breakpoint classes
      • .grid--
      • .flex--
      • .order--
      • .center--
      • .height--
      • .max-height--
      • .grid--alternate-
      • .row-span--
      • .col-span--
      • .row-start--
      • .row-end--
      • .col-start--
      • .col-end--
      • .gap--
      • .col-gap--
      • .col-count--
      • .display--
      • .visibility--

    Learn more about the new breakpoints and how to set them up.

    All color transparency classes and variables now support full 10% increment adjustments.

    All color transparency classes and variables now support full 10% increment adjustments.

    Feature Overview

    Transparency options were missing 30%, 50%, and 70% across all colors. Those gaps have now been filled in. All transparency values from 10 to 90 are included.

    • -trans-10
    • -trans-20
    • -trans-30 (new)
    • -trans-40
    • -trans-50 (new)
    • -trans-60
    • -trans-70 (new)
    • -trans-80
    • -trans-90

    Set border radius for boxed layout style

    [WS Form] Control for Grid Gutter

    Official Public Documentation Center

    Official Public Documentation Center

    Feature Overview

    We're bringing all documentation onto the official Automatic.css website at https://automaticcss.com/docs/. This massive project should be considered under active development for the foreseeable future. The documentation is not "complete" by any means.

     

    .form--light now works on Bricks comment form

    Col span "all" now work on grids

    Col span "all" now work on grids

    Feature Overview

    This feature was initially created for CSS columns in ACSS, but we've also adapted it to work with Grids. This allows you to easily span cells across all columns without worrying about the column count. Applies to .col-span--all and .col-span--{breakpoint}-all.

    Dashboard shade accordion now disappears when a color is turned off.

    Dashboard button accordion now disappears when button is turned off.

    Bricks users can now set body color in ACSS

    Removed "100%" default for text line lengths.

    Removed "100%" default for text line lengths.

    Feature Overview

    The new default value is null/blank. Some users had issues applying text size classes to containers where the text size class would override the container width to 100%.

    Fixed an issue where "offset page content automatically" conflicted with Bricks section dividers.

    [WS Form] Fixed label-inside alignment

    [WS Form] Fixed "International Telephone Input" alignment

  • New Changelog Released

    We've brought the changelog in-house! You can view the old changelog here.

    Changelog