No notes defined.
- Handle: @col-75-25-row--none
- 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-75-25/col-75-25-row/col-75-25-row.hbs
- References (1): @placeholder
- Referenced by (2): @mlp-grids, @mlp-grids--mlp-wp
<section class="">
<div class="grid_container">
<div class="grid_row ">
<div class="grid_threefourths">
<p class="placeholder">Content</p>
</div>
<div class="grid_fourth">
<p class="placeholder">Content</p>
</div>
</div>
<div class="grid_row ">
<div class="grid_threefourths">
<p class="placeholder">Content</p>
</div>
<div class="grid_fourth">
<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_threefourths",
"content": null
},
{
"width": "grid_fourth",
"content": null
}
]
},
{
"cols": [
{
"width": "grid_threefourths",
"content": null
},
{
"width": "grid_fourth",
"content": null
}
]
}
]
}