Merging media queries, using SASS and Breakpoint (Respond-To)

Question

Using SASS and Respond-To (Breakpoint) produces a .css file with multiple media queries, not merged.

Not a big deal, but in IE8, using css3-mediaqueries.js, cause IE

Answer 1

Generally, multiple media queries is not a big deal thanks to GZIP being used to compress CSS when passed from server to client.

To enable media queries support in IE7 and 8, i've been succesfully using Respond.js.

See this small guide how to combine Respond.js with Selectivizr: https://stackoverflow.com/a/16732064/901944

Answer 2

Sass does not have this functionality. Either plan your media queries better so that you only have a few as possible or find a 3rd party application that will merge them for you.