Layout / sidecar

sidecar

Tier 0

A fixed + flexible pair that stacks when narrow. This page's shell uses it.

sidecar

content

<m-sidecar>
  <nav>…</nav>
  <main>…</main>
</m-sidecar>

Attributes

gap; side="end" makes the last child the sidecar (no visual reordering); side-width: xs · sm · md. The markup contract: exactly two children, first (or last) is the fixed one.