@utrecht/components/unordered-list/dist/index.css

Components for the Municipality of Utrecht based on the NL Design System architecture

@charset "UTF-8";
/**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 Gemeente Utrecht
 */
/**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-unordered-list,
.utrecht-unordered-list--html-content ul {
  /* Configure `box-sizing` and `text-align` for `--center` */
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit));
  line-height: var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit));
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));
  padding-inline-start: var(--utrecht-unordered-list-padding-inline-start, 2ch);
  text-align: start;
}

.utrecht-unordered-list--center {
  inline-size: max-content;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: 100%;
}

.utrecht-unordered-list--distanced {
  --utrecht-space-around: 1;
}

.utrecht-unordered-list--nested,
.utrecht-unordered-list--html-content ul {
  margin-block-end: 0;
  margin-inline-start: 2ch;
}

.utrecht-unordered-list--html-content > li,
.utrecht-unordered-list--html-content ul > li,
.utrecht-unordered-list__item {
  margin-block-end: var(--utrecht-unordered-list-item-margin-block-end);
  margin-block-start: var(--utrecht-unordered-list-item-margin-block-start);
  padding-inline-start: var(--utrecht-unordered-list-item-padding-inline-start, 1ch);
}

.utrecht-unordered-list--html-content > li::marker,
.utrecht-unordered-list--html-content ul > li::marker,
.utrecht-unordered-list__item::marker,
.utrecht-unordered-list__marker {
  color: var(--utrecht-unordered-list-marker-color);
  content: "●";
}