@import '../mixins/layout/spacing';
@import '../mixins/layout/mini-unit';
@import '../mixins/layout/layout';
@import '../mixins/typo.scss';

.cds-ul, .cds-ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: 0;
  counter-reset: listitem;

  .cds-li {
    position: relative;
    list-style-type: none;
    border: 0;
    text-align: left;
    counter-increment: listitem;
    margin: 0 0 $cds-spacing-xxs $cds-spacing-xs;
    padding: 0 0 0 $cds-spacing-xs;
    color: rgb(var(--cds-color-content-primary));

    @include cds-text-regular-200();

    // Задаем расположение для всех элементов списка
    &:before {
      display: inline-block;
      position: absolute;
      left: calc($cds-spacing-xs * -1);
      margin-right: $cds-spacing-xs;
      margin-bottom: $cds-spacing-xxs;
    }

    // Задаем иконку для элементов верхнего списка
    > &:before {
      content: '\2013'
    }
  }

  &--nested {
    margin: $cds-spacing-xxs 0;

    // Задаем иконку для элементов вложенного списка
    & > .cds-li:before {
      content: '\25AA'
    }

    // Задаем расположение для элементов вложенного списка
    .cds-li {
      margin-left: $cds-spacing-l;
      margin-bottom: 0;
    }
  }
}

.cds-ol {
  // Задаем расположение для элементов верхнего списка при ordered
  > .cds-li {
    padding-left: $cds-spacing-m;
  }

  // Задаем иконку для элементов верхнего списка при ordered
  > .cds-li:before {
    content: counter(listitem) ".";
  }

  .cds-ol--nested, .cds-ul--nested {
    counter-reset: ol-counter;

    > .cds-li {
      counter-increment: ol-counter;

      &:before {
        content: counter(ol-counter,lower-alpha) ".";
      }
    }
  }
}
