Simple gaps between columns

[jchnkl]

This is a simple implementation for adding gaps to the left and the right of columns.

Setting gap to a non-zero value, e.g. 40 will add 20px to the left and
right of each column as additional gap. This is done by setting the
margin-{left,right} css style. Columns themselves are resized to width - gap.

[adamwulf]

column widths need to stay as % when the divs are created. this way the container can be resized and the columns behave sanely. instead of baking in the gap into the width/margin, wrapping content automatically with a spacing div as described here: http://stackoverflow.com/questions/11882337/how-to-increase-padding-in-jquery-columnizer-with-fixed-number-of-columns-with would work better

[hparra]

@adamwulf Thanks for the link. Adding it to the README as a hint to mimic CSS3 multi-column's column-gap would be helpful.

For the simple case outlined in the link above, you can mimic a column-gap of 32px in a two column config as so:

.column.first > * {
    padding-right: 16px;
}

.column.last > * {
    padding-left: 16px;
}