Simplex

Components

Summary

The summary component represents a container used to present summary information.

Overall usage

Used at the end of blog posts, blog archives and forms

Accessibility

N/A


.summary

Title

Date | Author name

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. At risus viverra adipiscing semper.

<div class="summary">
  <img class="summary__feature" src="100x100" alt="">
  <div class="summary__body">
    <h3 class="summary__heading"><a href="#">Title</a></h3>
    <p class="summary__details"><i>Date <span class="summery__divider">|</span> Author name</i></p>
    <p class="summary__content">Lorem ipsum...</p>
  </div>
</div>