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

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

/**
 * @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-ordered-list,
.utrecht-ordered-list--html-content ol {
  /* Configure `box-sizing` and `text-align` for `--center` */
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit)));
  line-height: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end, 0)));
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));
  padding-inline-start: var(--utrecht-ordered-list-padding-inline-start, var(--utrecht-unordered-list-padding-inline-start, 2ch));
  text-align: start;
}

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

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

.utrecht-ordered-list--arabic {
  list-style: arabic-indic;
}

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