-
- The following variables are default values used in creating grids. They can be overridden in your application's stylesheet. Most mixins allows you to override these values by passing them arguments.
-
- Wrappers are centered containers with a max-width and fixed gutters that match the gutter widths of columns.
- If you want IE 6/7 support, ensure boxsizing.htc is in the same dir as your stylesheet. Read more: https://github.com/Schepp/box-sizing-polyfill.
-
-
-
- Since all cf-grid columns have left and right gutters you will notice undesireable offsetting when nesting columns. Normally this is removed with complex selectors or by adding classes to the first and last column per 'row'. In cf-grid the way to get around this is by wrapping your columns in a container that utilizes the .nested-col-group() mixin. This mixin uses negative left and right margins to pull the columns back into alignment with parent columns.
- NOTE: Working this way allows you to easily create responsive grids. You are free to control the number of columns per 'row' without having to deal with the first and last columns of each row.
- NOTE: cf-grids does not use 'rows' and there is no row container. To clarify, if you have a 12 column grid and place 24 columns inside of a wrapper cf-grid columns will automaitcally stack into 2 'rows' of 12.