Last Updated: February 25, 2016
·
729
· conradical

Less 978px Responsive Grid

/* This is the width of all columns + all gutters */
@max-layout-width :1008px;

/* Padding of 15 on either side = 30 - Relative to Max Layout Width */
@gutter :01.488095238095%;

/* 54 / 1008 - Relative to Max Layout Width */
@base-column :05.357142857143%;

/* Top level Layout /
/
Base column + either side gutters /
@base-column-2 :@base-column * 2 + (@gutter) * 2;
@base-column-3 :@base-column * 3 + (@gutter) * 4;
@base-column-4 :@base-column * 4 + (@gutter) * 6;
@base-column-5 :@base-column * 5 + (@gutter) * 8;
@base-column-6 :@base-column * 6 + (@gutter) * 10;
@base-column-7 :@base-column * 7 + (@gutter) * 12;
@base-column-8 :@base-column * 8 + (@gutter) * 14;
@base-column-9 :@base-column * 9 + (@gutter) * 16;
@base-column-10 :@base-column * 10 + (@gutter) * 18;
@base-column-11 :@base-column * 11 + (@gutter) * 20;
@base-column-12 :@base-column * 12 + (@gutter) * 22; /
(54 *12) + (15 * 22) = 978 */