CSS fonts H* title

/*TEXTS*/
.title{

  @default-font-size: 10px;

  .generate-h(6);

  .generate-h(@n, @i: 1) when (@i =< @n) {
    h@{i} {
      color:#333;
      font-weight: 300;
      font-size:@default-font-size*@n;

      small{
        color:lighten(#333,25);
        font-size:(@default-font-size*@n)/2;
      }
    }
    .generate-h(@n, (@i + 1));
  }

}