IE-friendly mobile-first CSS with Sass 3.2

February 16, 2013

browser issues / css / design / ie / mobile / responsive design / sass

Building CSS mobile-first is the way forward, because blah blah blah progressive enhancement blah. Problem is, Internet Explorer prior to 9 ignores anything within media query blocks, leaving those browsers with mobile styles.

Not all of us can get away with that, but thankfully, as Chris Eppstein points out, Sass 3.2 can generate a separate stylesheet with everything it needs to create a “desktop” look.