Missouri State University Pattern Library

Shaded

Shading is an option when adding a grid layout.

  • Handle: @shaded
  • Preview:
  • Filesystem Path: src/components/02-page-structure/flex grids/attributes/shaded/shaded.hbs 
<div class="Rowstart grid_whole Inset">
    <div class="Shaded">
        <div class="grid_inner">
            <article class="ContentBlock">
                <h2></h2>
                <p></p>
            </article>
        </div>
    </div>
</div>
 
<div class="Rowstart grid_whole Inset">
  <div class="Shaded">
    <div class="grid_inner">
      <article class="ContentBlock">
        <h2>{{ heading.medium }}</h2>
        <p>{{ description.medium }}</p>
      </article>
    </div>
  </div>
</div>
 
/* No context defined. */