title: Does less have the "respond-to" technique like SCSS
body: <p><a href="http://css-tricks.com/media-queries-sass-3-2-and-codekit/" rel="nofollow">http://css-tricks.com/media-queries-sass-3-2-and-codekit/</a>
  I recently discovered this technique while reading about scss.  I've come to enjoy writing lesscss and I would rather not switch. I was curious as to what options lesscss has to accomplishing a similar technique?  I really like the idea of writing media queries inside the primary class/id declaration.</p>
  
  <pre><code>@mixin breakpoint($point) {
    @if $point == papa-bear {
      @media (max-width: 1600px) { @content; }
    }
    @else if $point == mama-bear {
      @media (max-width: 1250px) { @content; }
    }
    @else if $point == baby-bear {
      @media (max-width: 650px)  { @content; }
    }
  }
  
  .page-wrap {
    width: 75%;
    @include breakpoint(papa-bear) { width: 60%; }
    @include breakpoint(mama-bear) { width: 80%; }
    @include breakpoint(baby-bear) { width: 95%; }
  }
  </code></pre>
  
  <p><strong>UPDATE</strong></p>
  
  <p>I have found this answer <a href="http://blog.scur.pl/2012/06/variable-media-queries-less-css/" rel="nofollow">http://blog.scur.pl/2012/06/variable-media-queries-less-css/</a> my only critism is how can I make it so that the media queries arnt redundant?  how would I make this all compile into 1 mediaquery block?</p>