@use "system/spacing";
@use "system/typography";

.ods-unordered-list {
  padding-left: 1.25rem;
  list-style: disc;

  &:not(&--clean) {
    ul {
        list-style-type: circle;
      }

    ul ul {
      list-style-type: square;
    }
  }

  & & {
    @extend %ods-padding-top-2;

    padding-left: 1.25rem;
  }

  &__item + &__item {
    @extend %ods-padding-top-2;
  }

  &--clean {
    list-style: none;
    padding-left: 0;
  }
}

.ods-ordered-list {
  padding-left: 1.25rem;
  list-style: decimal;

  & & {
    @extend %ods-padding-top-2;

    padding-left: 1.25rem;
  }

  &__item + &__item {
    @extend %ods-padding-top-2;
  }

  &--lower-roman {
    list-style: lower-roman;
  }

  &--upper-roman {
    list-style: upper-roman;
  }

  &--lower-alpha {
    list-style: lower-alpha;
  }

  &--upper-alpha {
    list-style: upper-alpha;
  }
}