Marquee Layout

Structure

<… class="layout-marquee">

Examples

Announcement

Guise Skeleton Offers Marquee Layout

foo

bar

The marquee layout provides a simple way to center things in both axes within a component, wrapping as necessary based upon the parent element size.

<div class="panel layout-marquee">
  <h3>Announcement</h3>
  <h3>Guise Skeleton Offers Marquee Layout</h3>
  <div class="layout-tile">
    <div class="card">foo</div>
    <div class="card">bar</div>
  </div>
  <p>The marquee layout provides a simple way
    to center things in both axes within a component,
    wrapping as necessary based upon the parent
    element size.</p>
</div>