Automatic.css v3.1.4 – Utility Framework for WordPress Page Builders

Automatic.css is a utility-based CSS framework tailored specifically for WordPress page builders like Elementor, Oxygen, and Bricks. Designed to simplify the design process, it provides a scalable system of CSS utilities for styling and layout, allowing users to quickly apply responsive styles, spacing, typography, and colors across their website without needing extensive CSS knowledge.

Key Features of Automatic.css:

• Consistent Design System: Offers a cohesive design system with predefined scales for colors, typography, spacing, and more, helping maintain consistency across the site.
• Global Color Palette: Includes a customizable, global color system that applies to all elements, allowing you to manage brand colors easily across pages and sections.
• Responsive Spacing Utilities: Provides a range of spacing utilities (margins, padding, gaps) that automatically adjust across breakpoints, optimizing layouts for all devices.
• Typography Utilities: Features flexible typography settings, including font sizes, line heights, and responsive typography, giving you control over text styles at every screen size.
• Automatic Sizing and Scaling: Includes pre-defined sizes and a scalable framework for creating proportional layouts, making it easier to design without needing to calculate individual element sizes.
• Integration with Popular Page Builders: Seamlessly integrates with popular WordPress page builders like Oxygen, Bricks, and Elementor, offering a more efficient workflow for building WordPress sites.
• Customizable Breakpoints: Comes with a flexible set of breakpoints that can be customized, allowing for precise control over responsive design and layout adjustments.
• Utility Classes for Flexbox and Grid: Provides utility classes for implementing Flexbox and CSS Grid layouts, enabling quick and flexible alignment and arrangement of elements.
• Hover and Focus Effects: Includes utility classes for common hover and focus effects, allowing users to add interactivity to elements without custom CSS.
• Easy-to-Understand Documentation: Comes with detailed documentation to guide users through setup, customization, and best practices, making it accessible to beginners and advanced users alike.