Grade responsiva menos 978px

/ * Esta é a largura de todas as colunas + todas as calhas * /
@ max-layout-width: 1008px;

/ * Preenchimento de 15 em cada lado = 30 – Relativo à largura máxima do layout * /
@gutter: 01.488095238095%;

/ * 54/1008 – Relativo à largura máxima do layout * /
@ coluna-base: 05.357142857143%;

/ * Layout de nível superior /
/
Coluna base + calhas laterais /
@ base-column-2: @ base-column * 2 + (@gutter) * 2;
@ coluna-base 3: @ coluna-base * 3 + (@gutter) * 4;
@ coluna-base 4: @ coluna-base * 4 + (@gota) * 6;
@ coluna-base 5: @ coluna-base * 5 + (@ calha) * 8;
@ coluna-base 6: @ coluna-base * 6 + (@gota) * 10;
@ coluna-base 7: @ coluna-base * 7 + (@gota) * 12;
@ coluna-base-8: @ coluna-base * 8 + (@gota) * 14;
@ coluna-base-9: @ coluna-base * 9 + (@gota) * 16;
@ coluna-base-10: @ coluna-base * 10 + (@gota) * 18;
@ coluna-base 11: @ coluna-base * 11 + (@gota) * 20;
@ coluna-base 12: @ coluna-base * 12 + (@gota) * 22; /
(54 * 12) + (15 * 22) = 978 * /