Automatic.css - Utility Framework for WordPress Page Builders v2.8.3

Decryption key:

To view the content, you need to Sign In or Register.

2.8.3​

This is our standard post-release update focusing exclusively on bug fixes and improvements.

• Programmatic color scheme protection​

  
  

• Gutenberg styles no longer load in the preview area when "load styling in backend" is disabled​

  
  

• Auto-BEM no longer disrupts Bricks global classes​

  
  

• Section spacing is now visible in the context menu on spacing inputs​

  
  

• Compatibility issues between contextual color utilities and color scheme protection classes are now solved​

  
  

• Compatibility issues with color scheme protection classes for website background color, text color, and heading colors have been fixed​

  
  

• Relative paths in import statements no longer cause issues with SG Optimizer​

  
  

• Headings now switch colors automatically when using auto color relationships​

Decryption key:

To view the content, you need to Sign In or Register.

MARCH 18, 2024

2.8.2​

This is a security release that fixes a potential XSS and CSRF vulnerability in our backend. The update won’t impact the layout and styling of your websites, so you can perform it safely.

2.8.1​

This is our standard post-release update focusing exclusively on bug fixes and improvements.

• Content-grid class now has the correct specificity​

• Heading colors now apply the correct value​

  
  

• Loom extension no longer creates extra space​

• Contextual color classes are back​

  
  

• Heading sizes and line heights in Oxygen now produce the correct output​

• Accent button is back in the context menu​

  
  

• Removed references to --variable-grid from our docs​

2.8.0​

This is the last major release prior to v3.0. This release introduces some powerful and unique new features, adding to the list of features that aren’t available in any other framework.

• Breakdance Builder Integration (Phase 1)​

  
  

• Content Grid Layout System​

  
  

• Variable Grids​

• Contextual Color Utilities​

• Automatic Color Swapping (Contextual Relationships)​

  
  

• Global heading color​

  
  

• Heading Color Variables​

2.7.3​

This is our standard post-release update focusing exclusively on bug fixes and improvements.

• Flex-Grid breakpoint classes now have the correct specificity​

  
  

• Added support for overriding the button display property​

  
  

• Using CSS comments in settings no longer results in an uncaught AssertionError in ScssPhp/Parser.php:1686​

  
  

• The color scheme switcher is visible again in Cwicly​

  
  

• FluentForm's GDPR and T&C checkboxes are visible again​

== Changelog ==

2.7.2

This is our standard post-release update focusing exclusively on bug fixes and improvements.
WordPress 6.4 compatibility
PHP 8.2 compatibility
Add color palette to Cwicly
Clickable parent no longer prevents editing text in Bricks
Flex-grid classes are no longer generated multiple times
Context menu correctly applies selection--alt class
Form fixes
Added missing option-centering
Disable the context menu in Cwicly until fully supported
Header height settings now allow decimals

== Changelog ==

OCTOBER 24, 2023 - v2.7.1

This is our standard post-release update focusing exclusively on bug fixes and improvements.

- Auto BEM fixes
- Color Scheme Switcher fixes
- Form fixes
- Breakout on <figure>: margin now working correctly
- Ribbon default shadow color now uses neutral instead of shade
- Stop triggering calc expansion on certain css properties (grid-area etc.)
- Add missing card-gap and grid classes in Context Menu
- Fix: You do not have sufficient permissions to save the plugin settings
- Fix: contextual colors are now in the Gutenberg palette
- SASS/SCSS import path
- Breakpoint values are now visible in the Header Height Dashboard
- S3 plugin compatibility
- Converted more Shade references to Neutral

== Changelog ==

v2.7.0.1

This is a hotfix to patch an issue with header heights when the XXL breakpoint is enabled.

Fix for XXL Header Height Error on Save
An issue with a missing variable related to header height was preventing users from saving settings on the dashboard when the XXL breakpoint was enabled. This has been resolved.

Tooltip Edits
We’ve updated two tooltips for better accuracy.

Thanks to group buy participants for the updated resource!

2.3.0 Changelog​

• New
  • Customize box shadow names
  • Customize box shadow values
  • Box shadow variables
    • var(—box-shadow-{name})
  • Added reference color swatches for every shade in the ACSS dashboard (Edit Shades dropdown)
  • Added HSL reference values for main colors in the ACSS dashboard (Edit Shades dropdown)
  • Added Hue inputs for all color shades for ultimate fine tuning of shades (Edit Shades dropdown)
  • Variables for color partials (all colors)
    • —{color}-hex (references the hex code for the color)
    • —{color}-hsl(references the hsl value string for the color)
      • Especially valuable when creating custom transparencies… background-color: hsl(var(—primary-hsl) / .22) = your primary color at 22% opacity.
    • —{color}-rgb (references the rgb value string for the color)
    • —{color}-h (references the hue value for the color)
    • —{color}-s (references the saturation value for the color)
    • —{color}-l (references the lightness value for the color)
    • —{color}-r (references the “r” value for the color)
    • —{color}-g (references the “g” value for the color)
    • —{color}-b (references the “b” value for the color)
  • Admin Bar height variable
    • var(—admin-bar-height) to replace the obnoxious clown show WP default variable that nobody can ever remember: var(--wp-admin--admin-bar--height)
  • Set text line lengths for every text size.
    • You can now control the line length for every text size.
  • Set line height for every text size.
    • You can now control the default line height for every text size.
  • Boxed Layout Setting
    • Under “Viewport” you can now choose to enable a boxed layout for your website.
    • Website background color is now in this panel (was previously in the typography tab).
    • Set the website background color and device/browser background color separately.
    • Set a boxed layout width
    • Define a box shadow for your boxed layout
    • Set a top margin for your boxed layout (if you want a more 3 dimensional boxed layout effect)
    • Define borders for your boxed layout (width, color, style).
  • Offset Page Content Automatically
    • New toggle under Additional Styling > Header Styling called “Offset Page Content Automatically.”
    • Automatically offset your page content when using a sticky or fixed header.
    • Also offsets the initial “add element” controls in Bricks’ canvas (so you can still interact with them).
  • .form—light now works to style Bricks’ native search form.
  • .form—light now works to style Oxygen’s native search form.
  • New ‘Help Text’ styling in WS Form Integration (Beta)
  • Pro Mode
    • Turns off all but the most important framework classes. Retains all variables. Lightens the framework load by around 50%. Designed for advanced users who mostly use custom classes and variables.
    • When Pro Mode is activated, and unused buttons and colors are turned off, the framework is up to 85% lighter.
    • Doesn’t remove classes from the auto-suggest / builder database yet. We’re working on a way to do that safely.
• Enhancement
  • Turning off parts of the framework will now only turn off classes associated with that part of the framework. Variables will still work, allowing advanced users to lighten the framework by disabling classes while still using those parts of the framework via variables.
  • Consolidated “Text Styling” into the main Text panel in Typography
  • Consolidated “Heading Styling” into the main Headings panel in Typography
  • Moved “Fix Paragraph & Spacing” option to Options panel
  • var(—header-height) now auto scales down through all breakpoint values so you don’t have to reference the breakpoint variables in your custom code.
• Fix
  • Fixed issues with var/calc expansion expanding links, aspect ratios, and breaking pseudo element colon spacing in CSS, etc
  • Fixed an issue with scroll offsets not respecting the breakpoint values
  • Object fit classes now work when images are wrapped in <figure> tags
  • Fixed —btn-width missing a unit on the value.
  • Fixed fatal error when activating the plugin via WP CLI
  • Bricks Form Integration (Beta)
    • Fixed Checkbox alignements
    • Fixed File Upload button style
  • WS Form Integration (Beta)
    • Fixed Input border style not working
    • Fixed wrong Input Phone field padding
    • Fixed Placeholder text color + text opacity not working
    • Fixed Range Slider background colors
    • Fixed Checkboxes + Radios background color
    • Fixed Radios border color not working
    • Fixed Submit button border style
    • Fixed checkbox label color
    • Fixed Datetime picker gets Action color (not supported in Firefox)

Thanks to group buy participants for the updated resource!

2.2.0.2 Changelog​

• Enhancement
  • Added the new contextual variables to builder autosuggest.
• Fix
  • Adjusted .clickable-parent functionality to make sure it works on text links.
  • Made an adjustment to automatic var expansion to fix the bug where it interpreted variables such as .grid—3-2 as a formula instead of just a variable.
  • Fixed an issue where text selection color wasn’t showing up in Firefox when the text selection color input in ACSS was reset to blank.
  • Fixed an issue where the deprecated contextual utilities in Frames (prefixed with “fr”) were overriding the new contextual utility values.