@utrecht/web-component-library-stencil/dist/collection/components/page-footer.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
 */
:host {
  --utrecht-document-color: currentColor;
  --utrecht-heading-color: currentColor;
  --utrecht-link-color: currentColor;
  --utrecht-link-focus-color: currentColor;
  --utrecht-link-hover-color: currentColor;
  --utrecht-link-active-color: currentColor;
  --utrecht-link-visited-color: currentColor;
  background-color: var(--utrecht-page-footer-background-color);
  background-image: var(--utrecht-page-footer-background-image);
  box-sizing: border-box;
  color: var(--utrecht-page-footer-color);
  display: grid;
  font-family: var(--utrecht-document-font-family);
  font-size: var(--utrecht-document-font-size);
  inline-size: 100%;
  padding-block-end: var(--utrecht-page-footer-padding-block-end);
  padding-block-start: var(--utrecht-page-footer-padding-block-start);
  padding-inline-end: var(--utrecht-page-footer-padding-inline-end);
  padding-inline-start: var(--utrecht-page-footer-padding-inline-start);
}

footer {
  background-color: var(--utrecht-page-footer-content-background-color);
  box-sizing: border-box;
  color: var(--utrecht-page-footer-content-color);
  inline-size: 100%;
  justify-self: center;
  max-inline-size: var(--utrecht-page-footer-content-max-inline-size);
  padding-block-end: var(--utrecht-page-footer-content-padding-block-end);
  padding-block-start: var(--utrecht-page-footer-content-padding-block-start);
  padding-inline: var(--utrecht-page-footer-content-padding-inline);
}

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