vlsuite-1.0.x-dev/modules/vlsuite_layout/layouts/fourcols/vlsuite-layout-fourcols.html.twig
modules/vlsuite_layout/layouts/fourcols/vlsuite-layout-fourcols.html.twig
{#
/**
* @file
* VLSuite fourcols layout.
*/
#}
{% if content %}
{% if settings.edge_to_edge_bg %}{{ content.media_bg }}{% endif %}
<div{{ attributes }}>
{% if not settings.edge_to_edge_bg %}{{ content.media_bg }}{% endif %}
<div{{ content['#row_attributes'] }}>
{% if content.top and settings.optional_regions %}
<div {{ content['#top_col_attributes'] }}>
<div {{ region_attributes.top.addClass(content['#top_class']).addClass('vlsuite-layout__region', 'vlsuite-layout__region--top') }}>
{{ content.top }}
</div>
</div>
{% endif %}
<div {{ content['#first_col_attributes'] }}>
{% if content.first %}
<div {{ region_attributes.first.addClass(content['#first_class']).addClass('vlsuite-layout__region', 'vlsuite-layout__region--first') }}>
{{ content.first }}
</div>
{% endif %}
</div>
<div {{ content['#second_col_attributes'] }}>
{% if content.second %}
<div {{ region_attributes.second.addClass(content['#second_class']).addClass('vlsuite-layout__region', 'vlsuite-layout__region--second') }}>
{{ content.second }}
</div>
{% endif %}
</div>
<div {{ content['#third_col_attributes'] }}>
{% if content.third %}
<div {{ region_attributes.third.addClass(content['#third_class']).addClass('vlsuite-layout__region', 'vlsuite-layout__region--third') }}>
{{ content.third }}
</div>
{% endif %}
</div>
<div {{ content['#fourth_col_attributes'] }}>
{% if content.fourth %}
<div {{ region_attributes.fourth.addClass(content['#fourth_class']).addClass('vlsuite-layout__region', 'vlsuite-layout__region--fourth') }}>
{{ content.fourth }}
</div>
{% endif %}
</div>
{% if content.bottom and settings.optional_regions %}
<div {{ content['#bottom_col_attributes'] }}>
<div {{ region_attributes.bottom.addClass(content['#bottom_class']).addClass('vlsuite-layout__region', 'vlsuite-layout__region--bottom') }}>
{{ content.bottom }}
</div>
</div>
{% endif %}
</div>
</div>
{% endif %}
