.content-list {
  /* https://stackoverflow.com/questions/1632005/ordered-list-html-lower-alpha-with-right-parentheses */

  // parent element needs to reset the counter-increment
  // either use this class, or use the attribute on it
  &__parent {
    counter-reset: content-items;
  }

  &__item {
    list-style: none;
    position: relative;
    padding: 0 0 0 $large-spacing;
    &:before {
      content: counter(content-items, lower-alpha) ')';
      counter-increment: content-items;
      position: absolute;
      font-weight: 600;
      left: 0;
      color: $color-brand;
      font-family: $sans-serif-font-family;
      line-height: 27px;
    }
  }

  $parent: &;

  &--creator {
    padding-top: $medium-spacing;
    //padding-left: 10px;

    #{$parent}__item {
      border-left: 2px solid $color-brand;
      padding: $small-spacing 0 $small-spacing $medium-spacing;
      &:before {
        left: -8px;
        top: -30px;
      }
    }
  }
}
