No notes defined.
- Handle: @col-50-section--shaded
- Variants (6): Section: none , Section: divider , Section: divider + bordered , Section: divider + shaded , Section: bordered , Section: shaded
- Preview:
- Filesystem Path: src/components/02-page-structure/flex grids/02-Two-column-grid-layout/col-50/col-50-section/col-50-section.hbs
- References (3): @accordion, @tout, @placeholder
<section class="Shaded">
<div class="grid_container">
<div class="grid_row">
<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">
<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}}
<div class="grid_row">
{{#each cols}}
<div class="{{width}}">
{{#if component}}
{{render "@accordion" componentContext}}
{{render "@tout" componentContext}}
{{else 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
}
]
}
],
"sectionTreatment": "Shaded"
}