Components

Pager

A centered pagination row for list pages — plain static links, no JavaScript, with matching dark and paper skins.

Markup

<nav class="pager" aria-label="Pagination">
  <a href="?page=1">&larr; Prev</a>
  <span class="current">1 / 3</span>
  <a href="?page=2">Next &rarr;</a>
</nav>

Fieldcraft's demo pages (Blog index, Reviews) ship as single flat lists with no real second page, so .pager is styled and ready to use but not wired to a working prev/next link in the demo content — if you add more posts or reviews than fit one page, point the two links at whatever pagination scheme your hosting/back end uses.

Automatic paper skin

Like the tertiary link, .pager automatically recolors its border and link hover state when nested inside a .paper section — no separate .pager-dark class is needed the way Reviews and Receipts use one.