@utrecht/web-component-library-stencil/dist/collection/components/page.css

Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture

/**
 * @license EUPL-1.2
 * Copyright (c) 2020-2024 Frameless B.V.
 * Copyright (c) 2021-2024 Gemeente Utrecht
 */
/**
 * @license EUPL-1.2
 * Copyright (c) 2020-2024 Frameless B.V.
 * Copyright (c) 2021-2024 Gemeente Utrecht
 */
/**
 * @license EUPL-1.2
 * Copyright (c) 2020-2024 Frameless B.V.
 * Copyright (c) 2021-2024 Gemeente Utrecht
 */
.utrecht-page {
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: calc(var(--utrecht-page-max-inline-size) - var(--utrecht-page-margin-inline-start, 0px) - var(--utrecht-page-margin-inline-end, 0px));
  padding-inline-end: var(--utrecht-page-margin-inline-end);
  padding-inline-start: var(--utrecht-page-margin-inline-start);
}

.utrecht-page__content {
  background-color: var(--utrecht-page-background-color);
  color: var(--utrecht-page-color);
  max-inline-size: var(--utrecht-page-max-inline-size);
}

:host {
  display: block;
}

:host([hidden]) {
  display: none !important;
}