Fluid Scale 1.0.0

Initial release

Fluid Scale injects a mathematically coherent fluid design system as CSS custom properties — type scale, space scale, and grid — available to any WordPress theme or page builder without configuration.

What's included

Fluid type scale — `--step--2` through `--step-5` with semantic aliases (`--fs-body`, `--fs-h1`–`--fs-h6`). Uses independent mobile and desktop ratios, matching Utopia's calculator exactly.

Fluid space scale — `--space-3xs` through `--space-3xl`, one-up pairs, and user-defined custom pairs. All derived from the same base as the type scale.

Grid variables — `--grid-max-width`, `--grid-gutter`, `--grid-columns`, plus `.u-container` and `.u-grid` utility classes.

Live admin preview — type specimen, space scale, and page mockup tabs update instantly as you adjust settings. No save required to preview.

Divi 5 layout variable mapping — overrides Divi's layout variables with fluid scale values. Configurable per-site from the Builder Mapping panel.

Static file output — fully compatible with WP Rocket, W3 Total Cache, and CDN setups.

Requirements

• WordPress 6.0+
• PHP 8.0+

Planned for future releases

• Bricks Builder variable mapping
• Container query (`cqi`) unit support
• WP-CLI commands
• REST API endpoint