grid - CSS グリッドの設定を減らす

Question

私はより少ないグリッドシステムを作成していますが、grid.less を最適化する方法がわかりません @gridColumns: 14; を選択した場合 grid.less に新しい行を追加する必要があります。これを自動化する別のオプションがあるのではないでしょうか?

Variables.less

@gridColumns: 12;
@gridWidth: 62.5em;
@gridGutterWidth: 1.8em;

@grid.less

.l-1         { .grid(1); }
.l-2         { .grid(2); }
.l-3         { .grid(3); }
.l-4         { .grid(4); }
.l-5         { .grid(5); }
.l-6         { .grid(6); }
.l-7         { .grid(7); }
.l-8         { .grid(8); }
.l-9         { .grid(9); }
.l-10        { .grid(10); }
.l-11        { .grid(11); }
.l-12        { .grid(12); }

@mixins.less

.grid(@num) {
width: (100% / @gridColumns) * @num;
position: relative;}