Support Confluence block macro sizing and alignment for theme developers

As a theme developer, I want support for the sizing and alignment of block macros, so I can configure them further for my theme.

Block macros: These are specific macros in Confluence that support having a custom width and a horizontal alignment configured.

Acceptance criteria

• Implement a common behavior across these macros:

  • Block images (alignment and custom width)

  • Tables (alignment and custom width)

  • Page layouts (custom width)

  • Code snippet (predefined width options)

  • Expand (predefined width options)

• Add an attribute representing the alignment setting to these macros HTML output: data-align="start|end|center|wrap-start|wrap-end"

• Add a CSS custom property representing the custom width setting to these macros HTML output: --inline-size: <pixel value>

Example