Use loops to generate the grid classes

The idea is to reduce the duplication and make easier to add styles to each class.

I'm not a SASS ninja so I don't know if there is a better way to this, but it looks great to me :smile:.