YAML 4 – Custom Grids

YAML 4 provides several custom grid configurations, eg. a port of the 960 Grid System. This example is responsive too and linearizes its content on screen widths lower than 760 Pixels. Of course, you should adjust this to your individual needs.

To define your own individual grid configurations, use the grid-generator-mixin that is provided in YAML's Sass port.

12 Column Grid

940
60
860
140
780
220
700
300
620
380
540
460
460

Push & Pull Classes Available

60
60
60
60
60
60
60
60
60
60
60
60
220
220
60
380
60
380
220
220