2.0.2 wip

[inmarelibero]

This PR aims to let the user choose a number of columns up to 24, keeping the default to 12.

Column width of fixed and fluid layout are calculated in mixins.less, through grid.less and (optional) responsive.less

The final objective is to be able to build a fully working fixed/fluid layout with a custom number of columns (between 1 and 24, with 12 as default) only editing variables in

variables.less

[inmarelibero]

in last commit in responsive.less I substituted

12

with

@gridColumns

Being so, .spanand .offset classes are correctly built, but layout does not work properly, because changing the number of columns changes also the total width.

if this PR is good, I'll then propose a solution for

#gridSystem > .generate(@gridColumns, 70px, 30px);

when

@gridColumns

is != 12

[inmarelibero]

my solution consists in calculating a multiplying coefficient based on the (optionally) different number of columns:

@media (min-width: 1200px) {

    @coefficientDifferentColumns = 12/@gridColumns;

    [...]

    // Fixed grid
    #gridSystem > .generate(
        @gridColumns,
        70px * @coefficientDifferentColumns,
        30px * @coefficientDifferentColumns
    );

    [...]
}

but I think it's better to open another PR for this and far from being a perfect solution imho :)

[srhise]

Thanks a million guys. I just got into another project that of course the designer went with a 24 column grid and I was hoping this would work - which it did in the new version perfectly. win!