Sass and Compass for Designers

Chapter 6. Advanced Media Queries with Sass and Mixins

With the plethora of devices that now access the Internet, it makes sense to build web properties responsively.

Unless you have been living on a private island for the last few years (if you have, don't bother watching the end of Lost; it is not worth it) you will know the core ingredients of a responsive design are a fluid layout, fluid media, and media queries.

We looked at fluid grids extensively in the last chapter and learned how the Compass plugin, Susy, can make short work of even the most complicated layouts. While Susy also has built-in support for changing the design at arbitrary breakpoints, there may be occasions when you want to target styles based on media queries and don't need ...