// The minimum gap between the edge of the viewport and page content
$grav-page-content-inset: $grav-sp-m;

// The maximum width of the page content
$grav-page-content-max-width: calc(#{gravy-breakpoint(regular)} - #{2 * $grav-page-content-inset});
$grav-page-content-max-width-large: calc(#{gravy-breakpoint(large)} - #{2 * $grav-page-content-inset});

// Make body at least as tall as viewport
// and use flexbox to vertically spread out
// header, main and footer so that footer
// appears at bottom of viewport on short
// pages.
body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
}