Chrome and extremes
Width tokens below 100% are centered with max-width and auto margins in Twig, with !important. Container-settings CSS also uses !important on margins. Invalid length tokens should be ignored. Overlay content has no chrome fields. Access control on a simple-content parent is demonstrated if the field accepts a role row.
25% width, 10 columns, 0px gap
ADV-CHROME-NARROW. Ten items in a 25% parent with 0px gap. On a phone the width token still applies.
Invalid container lengths
ADV-CHROME-INVALID. Padding top "20" and "foo" fail the length regex. Negative margin fails it too. Opacity 2.5 is out of 0-1. Valid 32px / 10% / borders should still apply.
text_color_items include
ADV-CHROME-INCLUDE. include paints nested apb_pi_* chrome as well as the parent title.
33% width, type 5, height 100px
ADV-CHROME-FB. Height 100px will clip copy. That is the point.
90% width, type 7, height 500px
500px height token. 64px gap.
Pair for the 90% grid.
View as Is, 60% width
ADV-CHROME-VIEWS. Table display inside a 60% parent. Columns fields do not apply to View as Is.
|
Jul 6, 2026 Felis quisque nulla fusce ipsum vel mi sit sit et portaest commodo dolor vel accumsan congue massa varius nec a mi nisi tristique accumsan consectetur. Portaest sed quisque tempus nunc morbi… |
|
Jul 16, 2026 Felis quisque nulla fusce ipsum vel mi sit sit et portaest commodo dolor vel accumsan congue massa varius nec a mi nisi tristique accumsan consectetur. Portaest sed quisque tempus nunc morbi… |
|
Jul 22, 2026 Rutrum hendrerit purus adipiscing et purus orci erat ipsum tortor varius scelerisque orci purus condimentum euismod felis arcu accumsan proin suspendisse mi ex tristique ac. Elementum varius… |
|
Jul 31, 2026 Rutrum hendrerit purus adipiscing et purus orci erat ipsum tortor varius scelerisque orci purus condimentum euismod felis arcu accumsan proin suspendisse mi ex tristique ac. Elementum varius… |
More Advanced Pages
These pages are composition stress tests. They are not the frozen gallery and not the commercial storefront.