Sidebar layout

data-layout="sidebar" puts a sticky navigation column beside the content. It stacks under 760px, where the sidebar stops being sticky.

Basic

<div data-layout="sidebar">
  <aside>
    <small>Guide</small>
    <nav aria-label="Guide">
      <a href="#install">Install</a>
      <a href="#content" aria-current="page">Content</a>
      <a href="#templates">Templates</a>
      <a href="#deploy">Deploy</a>
    </nav>
  </aside>
  <div>
    <h3>Content</h3>
    <p>Markdown files in <code>content/</code> become pages. The folder they sit in becomes the path.</p>
  </div>
</div>

aria-current="page" marks the open page; the nav stacks its links on its own.

Notes

• The sidebar column is a fixed 13rem; the content column takes the rest and cannot overflow.
• aria-current draws a left rule on the current link.
• The <aside> sticks 1rem below the top of the viewport until the layout stacks.