UL and Colored OL numbers

  ul {
    >li {
      position: relative;
      &::before {
        display: inline-block;
        content: '';
        height: 6px;
        width: 6px;
        background-color: $brand-primary;
        position: absolute;
        left: 12px;
        top: 8px;
        border-radius: 50%;
      }
    }
  }
  ol {
    >li {
      list-style-type: none;
      counter-increment: list;
      position: relative;
      &:before {
        content: counter(list) ".";
        position: absolute;
        color: $brand-primary;
        left: 10px;
      }
    }
  }