ul custom bullet & ol custom numbers

custom-lists.scss

ul {
  list-style: none;

  li {
    &:before {
      content: "•";
      color: red;
      font-weight: 700;
      display: inline-block;
      width: 1em;
      margin-left: -1.1em;
    }
  }
}

// custom numbers & nesting e.g. 1 -> 1.1 -> 1.1.1, etc.
ol {
  counter-reset: list-counter;
  list-style-type: none;
  
  & ol {
    margin-left: 0.9em;
  }

  & li {
    counter-increment: list-counter;

    &:before {
      content: counters(list-counter, ".") ".";
      color: var(--v-primary-base);
      font-weight: 700;
      display: inline-block;
      width: 1em;
      margin-left: -1.1em;
    }
  }
}