Main

<main class="main-panel">
    <p>Main page content here.</p>
</main>

<main class="main-panel">
    <div class="inner">
        <p>Main page content with the left padding applied here.</p>
    </div>
</main>
<main class="main-panel">
  <p>Main page content here.</p>
</main>

<main class="main-panel">
  <div class="inner">
  <p>Main page content with the left padding applied here.</p>
</div>
</main>
/* No context defined for this component. */
  • Content:
    .main-panel {
      flex: 1 1 80%;
      background-color: #fff;
      position: relative; // to give positioning context
      padding-bottom: 65px; // clear the submit bar
    }
    
  • URL: /components/raw/main/main.scss
  • Filesystem Path: src/components/30-layout/02-molecules/03-main/main.scss
  • Size: 160 Bytes

There are no notes for this item.