@utrecht/web-component-library-stencil/dist/collection/components/data-list-value.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
 */
/* `@mixin utrecht-data-list--html-dl` is not necessary.
 * Default styles include only `display` and `margin`, and those properties are configured by default.
 */
/* `@mixin utrecht-data-list__item-key--html-dt` is not necessary, `<dt>` has no default styles. */
/* stylelint-disable-next-line block-no-empty */
/* stylelint-disable-next-line block-no-empty */
:host {
  display: contents;
}

dd {
  /* configure `min-block-size` in case the value is empty */
  color: var(--utrecht-data-list-item-value-color);
  font-size: var(--utrecht-data-list-item-value-font-size);
  font-weight: var(--utrecht-data-list-item-value-font-weight);
  line-height: var(--utrecht-data-list-item-value-line-height);
  min-block-size: calc(var(--utrecht-data-list-item-value-line-height) * 1rem);
  /* reset browser styling of <dd> */
  margin-inline-start: 0;
  margin-block-start: var(--utrecht-data-list-rows-item-value-margin-block-start);
}

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