/**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 Gemeente Utrecht
 */

@mixin utrecht-ordered-list {
  /* 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;
}

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

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

@mixin utrecht-ordered-list--arabic {
  list-style: arabic-indic;
}

@mixin 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)
  );
}