Panel

A lightweight section of a page for content. Typical styling will add padding to separate the contained content from the rest of the content on the page.

Structure

Examples

This is content within a panel on a card.

<section class="card">
  <div class="panel">
    <p>This is content within a panel on a card.</p>
  </div>
</section>

Properties

--guise-skeleton-panel-padding-top
--guise-skeleton-panel-padding-right
--guise-skeleton-panel-padding-bottom
--guise-skeleton-panel-padding-left