@amsterdam/design-system-css/dist/page/page.css

Stylesheets for all components from the Amsterdam Design System and some general utilities. Use it to apply the visual design of the City of Amsterdam to your HTML elements or non-React components.

.ams-page{background-color:var(--ams-page-background-color);margin-inline:auto;max-inline-size:var(--ams-page-max-inline-size);min-block-size:100vh;min-block-size:100dvh}.ams-page--with-menu{display:grid;grid-auto-rows:min-content auto 1fr auto;grid-template-areas:"skip-link skip-link" "menu header" "menu body" "menu footer";grid-template-columns:auto 1fr;max-inline-size:var(--ams-page-with-menu-max-inline-size)}.ams-page--with-menu>.ams-page__area--skip-link{grid-area:skip-link;margin-inline-end:var(--ams-page-with-menu-area-skip-link-margin-inline-end)}.ams-page--with-menu>.ams-page__area--menu{grid-area:menu}.ams-page--with-menu>.ams-page__area--header{grid-area:header}.ams-page--with-menu>.ams-page__area--body{grid-area:body}.ams-page--with-menu>.ams-page__area--footer{grid-area:footer}/*# sourceMappingURL=page.css.map */