Created by: masterbee
@mdo et al,
I took a few moments to optimize the code for the grid.less. The goal was to reduce the code bloat that was being generated by some of the current declarations, you are already using the "" selector for the box-model and other declarations in various CSS parts elsewhere, so I took advantage of the [class=] and [class^=] combo goodness ,along with some LESS looping fun to make this a bit easier to maintain.
Surprisingly, there was only approx. 1KB reduction from the current bootstrap.min.css but I wanted to submit it as a potential improvement since the smaller the better when it comes to mobile devices and their rather finicky network connection.
I am also thinking about venturing into making a quick grunt module for this project that will group and re-order the media-queries that is currently outputted. The idea is still optimization since there is a lot of duplication in terms of media queries throughout the CSS. I can safely assume that the regrouping and concat-ing of like media queries will reduce the current existing bloat due to their duplication, but wanted to check to if there is a want to do that. Let me know
PR for your review, let me know if you have any questions.