@utrecht/web-component-library-stencil/dist/collection/components/paragraph.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-paragraph {
  color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
  font-family: var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));
  font-size: var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));
  font-weight: var(--utrecht-paragraph-font-weight, inherit);
  line-height: var(--utrecht-paragraph-line-height, var(--utrecht-document-line-height, inherit));
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-paragraph-margin-block-end, 0));
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-paragraph-margin-block-start, 0));
}

.utrecht-paragraph--lead {
  color: var(--utrecht-paragraph-lead-color, var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit)));
  font-size: var(--utrecht-paragraph-lead-font-size, var(--utrecht-paragraph-font-size, inherit));
  font-weight: var(--utrecht-paragraph-lead-font-weight, var(--utrecht-paragraph-font-weight, inherit));
  line-height: var(--utrecht-paragraph-lead-line-height, var(--utrecht-paragraph-line-height, inherit));
}

.utrecht-paragraph--small {
  color: var(--utrecht-paragraph-small-color, var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit)));
  font-size: var(--utrecht-paragraph-small-font-size, var(--utrecht-paragraph-font-size, inherit));
  font-weight: var(--utrecht-paragraph-small-font-weight, var(--utrecht-paragraph-font-weight, inherit));
  line-height: var(--utrecht-paragraph-small-line-height, var(--utrecht-paragraph-line-height, inherit));
}

.utrecht-paragraph__small {
  font-size: inherit;
}

.utrecht-paragraph__b {
  font-weight: inherit;
}

.utrecht-paragraph--distanced {
  --utrecht-space-around: 1;
}

:host {
  display: block;
}

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