Para aquellos que están aprendiendo SCSS en la universidad (espero que enseñen este tipo de cosas…), les dejo una pequeña función que desarrolla grillas de 12 columnas:


@function p($fraction){@return $fraction * 100%;}
@for $i from 1 through 12 {.col-md-#{$i} {width: p($i/12);}}

Estas 2 líneas crean una grilla del tipo:

.col-md-1{ width: width: 8.333333333%;}

muy útil cuando quieres desarrollar un sitio con 12 columnas y no quieres calcular los tamaños por ti mismo.

Loading...