App Layout

The app layout is the main layout component sitting above everything else and allows use of individual scrolling panes.

Code:

<div class="app-layout">

  <div class="app-layout__top-nav"> 
    // top nav
  </div>

  <div class="app-layout__main">

    <div class="app-layout__side-nav border-right">
      // side nav
    </div>

    <div class="app-layout__content">

      <div class="app-layout__breadcrumbs">
        // breadcrumbs
      </div>

      <div class="app-layout__main">
        // panes
      </div>

    </div>
    
  </div>
</div>