Sityn Enhancer for Bricks Builder

Sityn Enhancer for Bricks Builder supercharges the Bricks Builder experience with a suite of productivity features:

BEM Class Generator

Add a BEM button to the Bricks structure panel for quick BEM class generation and application. Select a parent element, click BEM, and instantly generate properly structured Block__Element classes for all children.

Auto Complete var()

Automatically wrap CSS custom properties (—name) in var() when pressing Enter or semicolon in any Bricks Builder input field or the Custom CSS editor.

Auto Complete calc()

Automatically wrap arithmetic expressions (e.g. 100% — 20px) in calc() when pressing Enter or semicolon. Works seamlessly with var() auto-complete for combined expressions.

Each feature can be independently enabled or disabled from the Sityn Enhancer for Bricks Builder settings page.