Missouri State University Pattern Library

Section: Section: shaded

No notes defined.

<section class="Shaded">
    <div class="grid_container">

        <div class="grid_row ">
            <div class="grid_whole ">
                <p class="placeholder">Content</p>
            </div>
        </div>

        <div class="grid_row ">
            <div class="grid_whole ">
                <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}} {{../colTreatment}}">
            {{#if content}}
              {{{content}}}
            {{else}}  
              {{render '@placeholder'}}
            {{/if}}  
          </div>
        {{/each}}  
      </div>
    {{/each}}
  </div>
</section>
 
{
  "sectionTreatment": "Shaded",
  "rows": [
    {
      "cols": [
        {
          "width": "grid_whole",
          "content": null
        }
      ]
    },
    {
      "cols": [
        {
          "width": "grid_whole",
          "content": null
        }
      ]
    }
  ],
  "sectionDivider": false
}