Counter list

gistfile1.scss

.counter-list  {
  counter-reset: counter;
  dd,
  dt {
    padding-left: 50px;
    position: relative;
    font-weight: $font-weight-light;
    margin-bottom: 20px;
  }

  dt {
    &:before {
      $numberO: 27px;
      @include circle($numberO);
      text-align: center;
      line-height: ($numberO - 2);
      font-size: $font-size-base;
      content: counter(counter);
      counter-increment: counter;
      border: 1px solid $color-global;
      @include absolute($left: 0, $top: 9px);
    }
  }
}