The above example shows how to override all possible options, but of course you can set just the ones you wish to change, You must do this in the order they appear above. The effect of these options is described below:
This is the element you wish to use for the individual columns.
This is the vertical space between the columns.
Columns to use at the small break-point.
Columns to use at the medium break-point.
Columns to use at the large break-point
Break point to trigger the small columns. Accepts a variable or a px value.
Break point to trigger the medium columns. Accepts a variable or a px value.
Break point to trigger the large columns. Accepts a variable or a px value.
Center the container on the page or within its parent.
Maximum width the Gridler will grow too.
Changing the total columns
It's possible to change the total number of columns that the gridler will use, independent of the total columns for the site. To do this you just need to set the$total-columnsvariable above the mixin and then set it back to match your site afterwards.