Missouri State University Pattern Library

Divider

A top divider is available as an option when adding a grid layout.

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