We have added a new Style Variables feature to both the Builder and Customizer, making it easier to manage consistent styling across your site. Instead of updating colours, fonts, and spacing one element at a time, you can define reusable variables once and assign them anywhere they are supported.
One of the most useful benefits is responsive variables. Rather than creating and assigning separate variables for desktop, tablet, and mobile, you can use a single variable and set different values for each breakpoint. This makes it much faster to manage responsive font sizes, spacing, and other design settings while keeping your workflow simple and consistent.
You can also export and import the Style Variables from one site to another. If you export a Builder layout that includes variables in use, those variables will also be imported to the target site.