css3-fancylists.scss

// A demonstration of how to write SASS styling for multi-level lists
// List types vary per level, and list counters are styleable
// Owes greatly to this: http://stackoverflow.com/a/15253672/316733

ol {
  counter-reset: li;
  margin-left: .5em;

  li {
    counter-increment: li;
    list-style-type: none;

    &::before {
      color: gray;
      content: counter(li) '.';
      margin-right: .33em;
    }
  }

  ol {
    li::before { content: counter(li, upper-alpha) '.'; }

    ol li::before { content: counter(li, lower-roman) '.'; }
  }
}