Styler

The Styler block defines styled classes scoped to the current page, without leaving any element in the rendered output. It is what you reach for when you need to write a class once and apply it to several blocks on the same page, and a full global class would be more than you need.

Adding one

1. Select the section or container where you want the Styler to live.
2. Open the inserter and search "styler".
3. Pick the Styler block, give the class a name, and style it.

The classes the Styler defines appear on whichever blocks you apply them to. The Styler itself produces no HTML output.

Styling

The Styler uses the shared design panel to define its class: spacing, type, colour, borders, effects, each per breakpoint. Apply states such as hover or focus here the same way you would on any other block; they carry through to wherever the class is used.

Accessibility

No specific considerations. Because the Styler renders nothing in the front end, the accessibility of what it styles depends on the blocks you apply the class to, not on the Styler itself.