title: Can you create custom breakpoints with LESS mixins?
body: <p>Most of the time, I use LESS variables with preset breakpoints for media queries like this:</p>
  
  <pre><code>@s-max : ~"screen and (max-width: 40em)";
  @m-max : ~"screen and (max-width: 50em)";
  @l-max : ~"screen and (max-width: 60em)";
  
  USAGE
  
  .some-class {
      color: red;
  
      @media @s-max {
         color: blue;
      }
  }
  </code></pre>
  
  <p>But sometimes, I would like to be able to refer to an arbitrary breakpoint in my .less stylesheet without having to set a new preset value in my separate mixin file. </p>
  
  <p>You can do this in SASS. The mixin looks like this: </p>
  
  <pre><code>@mixin bp-min($canvas) {
  
      @media only screen and (min-width:$canvas) {@content;}
  }
  
  USAGE
  
  @include bp-min(750px) {
  
  //responsive styling for min-width of 750px
  
  }
  </code></pre>
  
  <p>In LESS, I'm imagining the equivalent mixin would look something like this: </p>
  
  <pre><code>.bp-min(@min) {
  
      @media only screen and (min-width:@min)...
  }
  </code></pre>
  
  <p>The only problem is, the lack of the {@content} argument in LESS, which grabs the rest of the styling inputted by the developer. I love SASS, but I can't use it at work.</p>
  
  <p>Does anyone know of a LESS-based solution to this problem?</p>