Automatic.css - Utility Framework for WordPress Page Builders

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

No permission to download
Overview Updates (22) History Discussion
K

Kelblood83

Active member
May 3, 2022
21
104
28
Looks like ACSS 2.0 Beta is out !

  • Completely refactored the plugin back-end for efficiency and performance.
  • Added ability to change text and heading line heights from the dashboard (you can now clear all line heights out of Oxygen global settings)
  • Added ability to adjust saturation value of all shades in the dashboard.
  • Added ability to set mobile (min) and desktop (max) values for left/right section padding. This will give you the ability to better control your left/right section padding across devices.
  • Added toggle option for setting custom button text size. You can choose to keep button text mapped to text-m by default OR you can enable custom button text and set your min and max for responsive custom button text sizing.
  • Added ability to set global font weight for buttons.
  • Added ability to set global line height for buttons.
  • Added ability to set global letter spacing for buttons.
  • Added ability to set global text transform for buttons.
  • Added ability to set a global minimum button width.
  • Added the ability to customize your website's accessibility focus color.
  • Added the ability to adjust the outline offset (distance from selected object) for accessibility focus.
  • Added .marker--(color) classes for changing the color of markers in list items. All colors and shades are available.
  • Added .display--(flex, inline-flex, block, inline-block, inline, list-item, none) classes.flex, block, and none versions are available at all breakpoints using .display--(breakpoint)-(property)
  • Added .visibility--(hidden, visible) classes for setting visibility. They're available at all breakpoints using typical breakpoint extensions. Note: Make sure you understand the difference between display--none and visibility--hidden before using!
  • Added .hidden-accessible for accessibility text. This works similar to Wordpress' default .screen-reader-text class, but was specifically built for ACSS for two reasons:It'll work on non-Wordpress websites It creates a visual indicator in the builder. This is important to avoid accidental breakage when devs duplicate certain elements that have hidden screen reader text. Now you can easily see (and select) hidden screen reader text at a glance.
  • Added .relative class to set the position of an element to relative. This is important when using .z-- classes to set z-index or when positioning child elements as absolute.
  • Added hover styles to .link-- classes. Links will now inherit the hover color of the chosen color family instead of defaulting to primary-hover.
  • Added .focus--(primary, secondary, accent, base, shade, white, black) classes to change the focus color of focusable elements. These classes work on individual elements as well as containers. When used on a container it will change the focus color of all focusable elements in the container.
  • Added ability to turn on/off smooth scrolling.
  • Added Scroll Offset for smooth scrolling as well as an input for setting Header Height when using sticky headers. When you tell ACSS the height of your sticky header it'll add that value to whatever value you've set for your offset.
  • Added var(--header-height) for referencing the height of your sticky header.
  • Added the ability to edit sticky top distances.
  • Added the ability to edit column widths and column rule widths.
  • Changed .grid--1 to use the same minmax function as the other grids to fix an issue where items with a fixed width would break the grid on mobile devices.
  • Added .col-end--(count) and .col-end--(breakpoint)-(count) classes. This, in combination with the .col-start classes already found in ACSS, empowers users to easily create dynamically overlapping, responsive content layouts with CSS Grid.
  • Adjusted accessibility focus styles to avoid seeing the focus style on mouse click.
  • Image breakouts no longer lose their owl spacing.
  • Reduced total framework size by about 20% by conditionally excluding base styles that have builder-specific overrides.
  • Official support for Bricks Builder!Some ACSS behavior is slightly different between Bricks and Oxygen, so make sure you refer to the Bricks documentation. A few ACSS features won't function consistently until Bricks releases support for them – check the documentation for details.
 
  • Like
Reactions: t76girl, huongcba and riccore
SnailCrazy

SnailCrazy

New member
Jan 27, 2021
14
24
3
Kelblood83 said:
Looks like ACSS 2.0 Beta is out !

  • Completely refactored the plugin back-end for efficiency and performance.
  • Added ability to change text and heading line heights from the dashboard (you can now clear all line heights out of Oxygen global settings)
  • Added ability to adjust saturation value of all shades in the dashboard.
  • Added ability to set mobile (min) and desktop (max) values for left/right section padding. This will give you the ability to better control your left/right section padding across devices.
  • Added toggle option for setting custom button text size. You can choose to keep button text mapped to text-m by default OR you can enable custom button text and set your min and max for responsive custom button text sizing.
  • Added ability to set global font weight for buttons.
  • Added ability to set global line height for buttons.
  • Added ability to set global letter spacing for buttons.
  • Added ability to set global text transform for buttons.
  • Added ability to set a global minimum button width.
  • Added the ability to customize your website's accessibility focus color.
  • Added the ability to adjust the outline offset (distance from selected object) for accessibility focus.
  • Added .marker--(color) classes for changing the color of markers in list items. All colors and shades are available.
  • Added .display--(flex, inline-flex, block, inline-block, inline, list-item, none) classes.flex, block, and none versions are available at all breakpoints using .display--(breakpoint)-(property)
  • Added .visibility--(hidden, visible) classes for setting visibility. They're available at all breakpoints using typical breakpoint extensions. Note: Make sure you understand the difference between display--none and visibility--hidden before using!
  • Added .hidden-accessible for accessibility text. This works similar to Wordpress' default .screen-reader-text class, but was specifically built for ACSS for two reasons:It'll work on non-Wordpress websites It creates a visual indicator in the builder. This is important to avoid accidental breakage when devs duplicate certain elements that have hidden screen reader text. Now you can easily see (and select) hidden screen reader text at a glance.
  • Added .relative class to set the position of an element to relative. This is important when using .z-- classes to set z-index or when positioning child elements as absolute.
  • Added hover styles to .link-- classes. Links will now inherit the hover color of the chosen color family instead of defaulting to primary-hover.
  • Added .focus--(primary, secondary, accent, base, shade, white, black) classes to change the focus color of focusable elements. These classes work on individual elements as well as containers. When used on a container it will change the focus color of all focusable elements in the container.
  • Added ability to turn on/off smooth scrolling.
  • Added Scroll Offset for smooth scrolling as well as an input for setting Header Height when using sticky headers. When you tell ACSS the height of your sticky header it'll add that value to whatever value you've set for your offset.
  • Added var(--header-height) for referencing the height of your sticky header.
  • Added the ability to edit sticky top distances.
  • Added the ability to edit column widths and column rule widths.
  • Changed .grid--1 to use the same minmax function as the other grids to fix an issue where items with a fixed width would break the grid on mobile devices.
  • Added .col-end--(count) and .col-end--(breakpoint)-(count) classes. This, in combination with the .col-start classes already found in ACSS, empowers users to easily create dynamically overlapping, responsive content layouts with CSS Grid.
  • Adjusted accessibility focus styles to avoid seeing the focus style on mouse click.
  • Image breakouts no longer lose their owl spacing.
  • Reduced total framework size by about 20% by conditionally excluding base styles that have builder-specific overrides.
  • Official support for Bricks Builder!Some ACSS behavior is slightly different between Bricks and Oxygen, so make sure you refer to the Bricks documentation. A few ACSS features won't function consistently until Bricks releases support for them – check the documentation for details.
Click to expand...
thanks, but i will update when it come stable version
 
  • Like
Reactions: t76girl, Cornholio, striker1000 and 2 others
Lalo

Lalo

Well-known member
Trusted Seller
Aug 25, 2018
966
681
113
Yes, it's official now ACSS supports Bricks 🤗
waiting for Bricks 1.5 which will be in beta soon...
so might this needs a month or less. I hope less ;)

Screenshot 2022-07-01 at 15-15-23 The Most Powerful Utility Framework for Oxygen Builder.png
 
  • Like
Reactions: riccore and crekkz
purpletiger

purpletiger

Active member
Trusted Uploader
May 2, 2022
188
241
43
ACSS 2.0 Beta has been released Introducing support for Bricks Builder. Check out the changelog below: Redesigned dashboard for better use of space and an improved user experience.

Completely refactored the plugin back-end for efficiency and performance.
Added ability to change text and heading line heights from the dashboard (you can now clear all line heights out of Oxygen global settings)
Added ability to adjust saturation value of all shades in the dashboard.
Added ability to set mobile (min) and desktop (max) values for left/right section padding. This will give you the ability to better control your left/right section padding across devices.
Added toggle option for setting custom button text size. You can choose to keep button text mapped to text-m by default OR you can enable custom button text and set your min and max for responsive custom button text sizing.
Added ability to set global font weight for buttons.
Added ability to set global line height for buttons.
Added ability to set global letter spacing for buttons.
Added ability to set global text transform for buttons.
Added ability to set a global minimum button width.
Added the ability to customize your website's accessibility focus color.
Added the ability to adjust the outline offset (distance from selected object) for accessibility focus.
Added .marker--(color) classes for changing the color of markers in list items. All colors and shades are available.
Added .display--(flex, inline-flex, block, inline-block, inline, list-item, none) classes.flex, block, and none versions are available at all breakpoints using .display--(breakpoint)-(property)
Added .visibility--(hidden, visible) classes for setting visibility. They're available at all breakpoints using typical breakpoint extensions. Note: Make sure you understand the difference between display--none and visibility--hidden before using!
Added .hidden-accessible for accessibility text. This works similar to Wordpress' default .screen-reader-text class, but was specifically built for ACSS for two reasons:It'll work on non-Wordpress websites It creates a visual indicator in the builder. This is important to avoid accidental breakage when devs duplicate certain elements that have hidden screen reader text. Now you can easily see (and select) hidden screen reader text at a glance.
Added .relative class to set the position of an element to relative. This is important when using .z-- classes to set z-index or when positioning child elements as absolute.
Added hover styles to .link-- classes. Links will now inherit the hover color of the chosen color family instead of defaulting to primary-hover.
Added .focus--(primary, secondary, accent, base, shade, white, black) classes to change the focus color of focusable elements. These classes work on individual elements as well as containers. When used on a container it will change the focus color of all focusable elements in the container.
Added ability to turn on/off smooth scrolling.
Added Scroll Offset for smooth scrolling as well as an input for setting Header Height when using sticky headers. When you tell ACSS the height of your sticky header it'll add that value to whatever value you've set for your offset.
Added var(--header-height) for referencing the height of your sticky header.
Added the ability to edit sticky top distances.
Added the ability to edit column widths and column rule widths.
Changed .grid--1 to use the same minmax function as the other grids to fix an issue where items with a fixed width would break the grid on mobile devices.
Added .col-end--(count) and .col-end--(breakpoint)-(count) classes. This, in combination with the .col-start classes already found in ACSS, empowers users to easily create dynamically overlapping, responsive content layouts with CSS Grid.
Adjusted accessibility focus styles to avoid seeing the focus style on mouse click.
Image breakouts no longer lose their owl spacing.
Reduced total framework size by about 20% by conditionally excluding base styles that have builder-specific overrides.
Official support for Bricks Builder!Some ACSS behavior is slightly different between Bricks and Oxygen, so make sure you refer to the Bricks documentation. A few ACSS features won't function consistently until Bricks releases support for them †check the documentation for details.
 
  • Like
Reactions: t76girl, Lookat and Lalo
B

bobble

New member
May 13, 2022
7
2
3
Kelblood83 said:
Sorry for the wait, had to get a license myself.
ACSS 2.0 beta 1 untouched, no need key/nulling it just works as it... have fun :cool:
Click to expand...
Thanks very much for this.

Would you be able to post the documentation, particularly for Bricks, please?
 
X

xternalh

New member
Jul 13, 2022
5
4
3
Kelblood83 said:
ACSS 2.0 beta 2
Click to expand...
Hero!

In Oxygen - Is anybody else having problems with this beta2 and H4/H5/H6 titles not reflecting the values input? For me the H4 is smaller than H5, and both H5 and H6 are not changing responsively.

All other headings working fine and all values been input in ACSSS and removed from Oxygen / elsewhere
 
  • Like
Reactions: t76girl
You must log in or register to reply here.

Latest posts

Forum statistics

Threads
66,807
Messages
893,200
Members
217,232
Latest member
abhimanyuthakur

Share this page

Share this page

About us

  • Our community has been around for many years and pride ourselves on offering unbiased, critical discussion among people of all different backgrounds. We are working every day to make sure our community is one of the best.

Quick Navigation

Forums Contact us

User Menu

Login
Community platform by XenForo © 2010-2022 XenForo Ltd.
Top Bottom