Using counters inside CSS

css-counter.scss

form {
    counter-reset: form-number;

    .control-group {
      &:before{
        @include border-radius(20px);

        content: counter(form-number);
        counter-increment: form-number;

        background: white;
        color: $gold;
        float: left;
        font-size: 24px;
        height: 20px;
        margin: 3px 15px 0 0;
        padding: 10px;
        text-align: center;
        width: 20px;
      }
    }
  }