ol, ul {
  list-style: none;
  margin: 0 0 .5em;
  padding: 0;
  font-weight: $font-weight-lighter;
  .dark & {
    color: $white;
  }
  strong {
    font-weight: 500;
  }
}

ul {
  &.list {
    li {
      position: relative;
      padding-left: 1em;
      &:before {
        position: absolute;
        content: '■';
        color: $accent;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        font-size: .5rem;
      }
    }
  }
  &.check-list {
    li {
      padding-left: 1.75em;
      &:before {
        position: absolute;
        content: '\f00c';
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        font-size: 1rem;
        color: $accent;

      }
    }
  }
  &.structured-list {
    li {
      padding: .5em 0;
      border-bottom: 1px solid $gray-300;
      font-weight: $font-weight-medium;
      .dark & {
        border-color: $gray-600;
      }
      &:before {
        content: '';
      }
    }
  }
  &.nav {
    list-style-type: none;
    display: flex;
    align-items: center;
    li {
      margin: 0;
      padding: 0;
      &:before {
        display: none;
      }
    }
  }
}

ol {
  counter-reset: item;
  li {
    display: block;
    &:before {
      padding-right: .25rem;
      color: $accent;
      content: counter(item) ". ";
      counter-increment: item;
      font-weight: 400;
    }
  }
}