{f:variable(name: 'breakpoint', value: '-{data.flexform_columnsBreakpoint}')
-> f:if(condition: data.flexform_columnsBreakpoint)}
{data.flexform_customColumn1 -> v:format.trim() -> f:variable(name: 'cssCol1')}
{data.flexform_customColumn2 -> v:format.trim() -> f:variable(name: 'cssCol2')}
{f:variable(name: 'cssCol1', value: ' {cssCol1}') -> f:if(condition: cssCol1)}
{f:variable(name: 'cssCol2', value: ' {cssCol2}') -> f:if(condition: cssCol2)}
{f:variable(name: 'cssCol1', value: 'col{breakpoint}-4{cssCol1}')}
{f:variable(name: 'cssCol2', value: 'col{breakpoint}-8{cssCol2}')}
{f:variable(name: 'cssCol1', value: 'col{breakpoint}-6{cssCol1}')}
{f:variable(name: 'cssCol2', value: 'col{breakpoint}-6{cssCol2}')}
{f:variable(name: 'cssCol1', value: 'col{breakpoint}-8{cssCol1}')}
{f:variable(name: 'cssCol2', value: 'col{breakpoint}-4{cssCol2}')}
{f:variable(name: 'rendersTile', value: 0)}
{f:variable(name: 'rendersTile', value: 1) -> f:if(condition: '{item.layout} == "pp-tile-21"')}
{f:variable(name: 'rendersTile', value: 1) -> f:if(condition: '{item.layout} == "pp-tile-11"')}
{f:variable(name: 'rendersTile', value: 1) -> f:if(condition: '{item.layout} == "pp-tile-12"')}