search

devlint / gridlex

Just a CSS Flexbox Grid System
http://gridlex.devlint.fr
MIT License
1.38k stars 144 forks source link

Implemented configurable number of columns #74

Closed marius7383 closed 6 years ago

marius7383 commented 6 years ago

I very much like how many features of flexbox gridlex embraces. In various projects I came across the need to have different proportions / number of columns which is why I converted the hard-coded blocks into @for loops and introduced a variable called $gl-colCount which defaults to 12. The file gridlex-preprocessing.scss uses this variable to calculate the column proportions and fractions which is then used in gridlex-mixins.scss to generate the needed column and grid definitions. I though I'd try to give this back for all the time I saved by not having to create a grid system by myself. Maybe you find it useful as well and would be willing to merge this PR.

In any case: Thanks for gridlex!

marius7383 commented 6 years ago

I just reworked the PR such that the diffs become slim and to be able to see that the offset rules are generated only once. The only diff in the resulting CSS file is due some col_ rules that have been missing for grid_xx_11 in the previous version.

devlint commented 6 years ago

Merge! Thank you for your work !!