No notes defined.
- Handle: @col-50-row--bordered
- Variants (6): Row: none , Row: divider , Row: divider + bordered , Row: divider + shaded , Row: bordered , Row: shaded
- Preview:
- Filesystem Path: src/components/02-page-structure/flex grids/02-Two-column-grid-layout/col-50/col-50-row/col-50-row.hbs
- References (1): @placeholder
- Referenced by (2): @mlp-grids, @mlp-grids--mlp-wp
<section class="">
<div class="grid_container">
<div class="grid_row Bordered">
<div class="grid_half">
<p class="placeholder">Content</p>
</div>
<div class="grid_half">
<p class="placeholder">Content</p>
</div>
</div>
<div class="grid_row Bordered">
<div class="grid_half">
<p class="placeholder">Content</p>
</div>
<div class="grid_half">
<p class="placeholder">Content</p>
</div>
</div>
</div>
</section>
{{#if sectionDivider}}
<hr />
{{/if}}
<section class="{{sectionTreatment}}">
<div class="grid_container">
{{#each rows}}
{{#if ../rowDivider}}
<hr />
{{/if}}
<div class="grid_row {{../rowTreatment}}">
{{#each cols}}
<div class="{{width}}">
{{#if content}}
{{{content}}}
{{else}}
{{render '@placeholder'}}
{{/if}}
</div>
{{/each}}
</div>
{{/each}}
</div>
</section>
{
"rows": [
{
"cols": [
{
"width": "grid_half",
"content": null
},
{
"width": "grid_half",
"content": null
}
]
},
{
"cols": [
{
"width": "grid_half",
"content": null
},
{
"width": "grid_half",
"content": null
}
]
}
],
"rowTreatment": "Bordered"
}