Responsive design mixin

gistfile1.scss

// USAGE:
// resize the browser until your layout looks shit
// take note of the viewport size
// plug in that value and add the new styles...
// e.g.
//
// #logo {
//   float: left;
//   @include respond-to(650px) {
//     float:none;
//     margin:auto;
//   }
// }


@mixin respond-to($size) { 
  @media only screen and (max-width: $size) { @content; } 
}