Use mixins recursivos para gerar sistemas de grade muito rápido

// Calcula a porcentagem de largura
.grid-col (@ span, @ numcols) {
largura: porcentagem (@ span / @ numcols);
}

// Função
mixin recursiva para gerar nomes de classe .grid-generator (@span: 12, @numcols: 12, @mq: ”) quando (@span> 0) {
(~ “. @ {Mq} g – @ { span} – @ {numcols} “) {
.grid-col (@span, @numcols);
}
.grid-generator (@span – 1, @ numcols, @ mq);
}

// Segurança para quando @ span = 0
.grid-generator (0, @ numcols, @ mq) {}

// gera uma grade de 12 colunas
.grid-generator ();