Automatic.css is a powerful utility framework for WordPress that gives you consistent, scalable design tokens across your entire site. It plugs into your theme and builder, syncing variables for colors, spacing, typography, fluid sizing, and components—so you design faster, keep branding tight, and ship performant, accessible sites with less custom CSS.
- Global design system with synced CSS variables
- Automatic fluid typography and spacing scales
- One-click color palette management with shade generation
- Consistent container, grid, and layout utilities
- Prebuilt utility classes for spacing, display, flex, and grid
- Component tokens for buttons, forms, alerts, and navs
- Site-wide dark mode and contrast-safe color pairs
- Accessible defaults for type sizes, line-height, and focus styles
- Builder-agnostic: works with Oxygen, Bricks, Gutenberg, and more
- Performance-first architecture with minimal CSS bloat
- Clamp-based fluid sizing for text, gaps, and sections
- Custom breakpoints and responsive utility classes
- Global spacing/size scales mapped to semantic tokens
- CSS variables API for easy overrides and theming
- White-label presets and project-level design presets
The post Automatic.css appeared first on PluginsForWP.
]]>