a thought on one way we might do things

to play with this run: `npm start`

![image](https://cloud.githubusercontent.com/assets/1551510/4988895/4acb09a0-693c-11e4-9c6d-d84555d5a2e7.png)

Not sure how I really feel about this idea. I think there is some benefit to a factory function that builds up the needed components, but the `<Catalyst.Col.Number>` syntax seems a bit involved with very little gain vs a `<Catalyst.Col size={6}>` option.

One thing working on this made me think about was trying to simplify knowing how many columns you are working with. It would be cool if a `<Catalyst.Col.Six>` had six columns in it so that `<Catalyst.Col.Three>` filled half the space rather than a fourth on a 12 column layout.