READY: Add columnal list classes

[tandrewnichols]

@Delightend @faktorsmak @FabledWeb Add columnal list classes for displaying bulleted lists in multiple columns. (Does not work for IE.)

This needs to be merged before the product list page (as I'm using one of these classes there).

[tandrewnichols]

@FabledWeb @Delightend @faktorsmak - We're getting rid of the product list page, where I was using this, but maybe we want to keep it anyway?

[EddieCanales]

I think I'd use something like (@padding-large-vertical * 2) in place of a hard-coded 20px.

[tandrewnichols]

Does it matter that it's "margin" vs. "padding"? And won't that affect margin-top also? Or is @padding-large-vertical just "10" and it can be applied however?

[EddieCanales]

I don't think the margin/padding matters, it really just means "spacing". It's equal to "10px" and it can be used for whatever you want (appropriately).

[tandrewnichols]

I'm actually wondering if we should put a media query inside the main .columnal-list declaration for small screens that basically does nothing. On a regular screen where you want 2 or more columns, you probably still only want 1 on small viewports.

[EddieCanales]

I'd agree that something like that makes sense, but we're getting close to replicating the grid system for lists. Let's hold off on going further on this until we really need it.