Automatic.css - Utility Framework for WordPress Page Builders 3.3.3 Nulled

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

Dashboard loading in Gutenberg

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

Global CSS/SCSS now compiles instantly, on-the-fly, without the need for saving and pre-processing.
You can mix vanilla CSS and SCSS without issue or limitation.
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

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
Read details.
Force even columns for auto grids
Read details.
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

Improve Bricks button UI dropdown logic

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

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​

Guess what? We’re on pace to have a completely clear issue tracker by mid-December. That means ZERO tracked issues. Once that happens, keep an eye out for a blog post detailing our ACSS team mantra for 2025.

"Auto Container Query" support for Card Framework

The Card Framework is now supercharged with our automatic and innovative approach to container query support.
Card Container Query Recipe

Card Container Recipe.
Card Container Query Mixin

Card Container Mixin
Refactor: Light/Dark style management for form styling

Internal improvement.
Converted old properties to logic properties for form styling

Update to follow standards.
Refactor: Contain classes

Added option to turn on/off container query classes.

Fix instant preview sometimes only targeting the first instance of an element

Hotfix for shade saving action

A seemingly unrelated change to value reversion was affecting the saving of shades. This is now fixed.

Hotfix for shade saving action​