Sass Step Counter

step-example.scss

ul {
      clear: both;
      padding: 90px 0 0 0;
      counter-reset: steps-counter;
      li {
        clear: both;
        &:before {
          @extend h2;
          display: inline;
          content: "Step " counter(steps-counter);
          counter-increment: steps-counter;
        }
        h4 {
          margin: 0;
        }
        p {
          margin-top: 0;
        }
        img {
          @extend %image--round;
          margin:-2em 2em 4em 0;
        }
      }