Multiple rows @neat-outer-container; 1 @neat-span-columns 11;@neat-omega; @neat-span-columns 2; @neat-span-columns 10;@neat-omega; @neat-span-columns 3; @neat-span-columns 9;@neat-omega; @neat-span-columns 4; @neat-span-columns 8;@neat-omega; @neat-span-columns 5; @neat-span-columns 7;@neat-omega; @neat-span-columns 6; @neat-span-columns 6;
Nesting columns @neat-outer-container; @neat-span-columns 4; @neat-span-columns 8; @neat-span-columns 4 8; @neat-span-columns 4 8;
Table grid @neat-outer-container; @neat-fill-parent;@neat-row table; @neat-span-columns 4 12 table;@neat-pad; @neat-span-columns 8 12 table;@neat-pad;
Automatic rows @neat-outer-container; li.item { @neat-span-columns 3; @neat-omega 4n;} li.item li.item li.item li.item li.item li.item li.item li.item li.item li.item li.item
Mixed layout @neat-outer-container; li.item { @neat-span-columns 3; @neat-omega 3n; &:nth-child(4) { @neat-shift 3; }} li.item li.item li.item li.item li.item li.item li.item li.item
Media Queries @neat-outer-container; @neat-span-columns 4;@media (max-width: 500px) { @neat-span-columns 6;} @neat-span-columns 8;@media (max-width: 500px) { @neat-span-columns 6;}