Sidebar and Content

<div class="layout is-flex">
  <nav class="sidebar hide-sm">
    <a href="#" class="sidebar__item is-active">
      <span class="sidebar__headline">General</span>
      <span class="sidebar__info">See your Application setup</span>
    </a>
    <a href="#" class="sidebar__item">
      <span class="sidebar__headline">User actions</span>
      <span class="sidebar__info">See your application setup</span>
    </a>
  </nav>
  <div class="island island--connected">
    <h1>Sidebar and Content</h1>
    <p>Here comes more text</p>
    <p>Here comes more text</p>
    <p>Here comes more text</p>
    <p>Here comes more text</p>
    <p>Here comes more text</p>
    <p>Here comes more text</p>
    <p>Here comes more text</p>
    <p>Here comes more text</p>
    <p>Here comes more text</p>
    <p>Here comes more text</p>
    <p>Here comes more text</p>
    <p>Here comes more text</p>
    <p>Here comes more text</p>
    <p>Here comes more text</p>
    <p>Here comes more text</p>
    <p>Here comes more text</p>
    <p>Here comes more text</p>
    <p>Here comes more text</p>
    <p>Here comes more text</p>
    <p>Here comes more text</p>
  </div>
</div>