{nnt3:parse.flexForm(xml: data.pi_flexform) -> f:variable(name: 'gridConfig')}
{muthsevcontent:grid.parseConfig(typoscript: gridConfig.gridS) -> f:variable(name: 'gridS')} {muthsevcontent:grid.parseConfig(typoscript: gridConfig.gridMd) -> f:variable(name: 'gridMd')} {muthsevcontent:grid.parseConfig(typoscript: gridConfig.gridLg) -> f:variable(name: 'gridLg')}
{contentElement.renderedContent -> f:format.raw()}
.demo-column { position: relative; margin-bottom: 24px; word-break: break-all; min-height: 50px; border: 2px solid cornflowerblue; } .demo-column:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); content: attr(data-text); text-align: center; padding: 12px; background-color: #fff; z-index: 2; } .demo-column:after { position: absolute; content: ''; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(173,216,230, .5); z-index: 1; } .row-break { background-color: lightcoral; height: 5px; position: relative; } .row-break:after { position: absolute; content: 'BREAK'; background-color: #fff; padding: 6px; border-radius: 3px; top: 50%; left: 50%; transform: translate(-50%,-50%); }