Last Updated: November 21, 2017
·
1.841K
· mikesten

Easy @media queries with Sass, Compass and compass-respond

I turned the @media query helper I wrote for http://hammerprinciple.com into a Compass plugin (compass-respond) a while back. Now Sass 3.2.0 has gone live I thought it might be worth talking about it a little.

It's in two parts... respond-above for mobile first fans and respond-to for those who like a more siloed approach.

+respond-above(xs)
  div.content
    columns: 2

+respond-to(handhelds)
  div.content
    columns: 1

Docs and instructions are on Github. Natch.
https://github.com/mikesten/compass-respond