Generate columns in a grid (12col) using LESS

custom-columns.less

/*Colunas Customizadas*/
@list: one, two, three, four, five, six, seven, eight, nine, ten, eleven, twelve;
.wide.column {
  .generate-columns(@columns);
  padding:0 .3125rem;

  &.floated {

    &.left {
      padding-left: 0;
    }

    &.right {
      padding-right: 0;
    }
  }
}

.generate-columns (@n, @i: 1) when (@i =< @n) {
  @valor: extract(@list, @i);
  .@{valor}& {
    width:unit(((@i*100)/@n),%);
  }
  .generate-columns(@n, (@i + 1));
}