c00985a3a180fa4319573458382dc06ff21fb759
Tablet/mobile Alignment and Vertical-alignment overrides published only the raw text-align/justify-content declarations, while the editor (which renders from the device-resolved style) also applied the derived flex layout (display:flex;flex-direction:column;align-items). Desktop-centred containers stayed centred on mobile, mobile-only centring/vertical-align did nothing, and in boxed mode the flex sits on the inner div which had no scope at all. - Container/Section: single containerLayout()/sectionLayout() helper used by render, toHtml and a new static responsiveLayout hook. - responsiveCssForNode takes an optional DerivedLayoutFn: per device it diffs the layout derived from the resolved style against what already applies (desktop for tablet, tablet for mobile), emits changes (and resets for dropped keys), and scopes boxed-mode inner rules as [data-wsb-r=x]>div. - html-export passes the component's responsiveLayout hook. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Languages
TypeScript
75.7%
JavaScript
12.4%
HTML
8.7%
CSS
2.6%
PHP
0.4%
Other
0.2%