Conditional Media Query Mixin for LESS.

mixin.less

/*
* This is a LESS port of Sparkbox's module-based media queries mixin in SASS
* https://github.com/sparkbox/SB-Media
*
* Example use: http://codepen.io/dflynn15/pen/AHadk
*  body{
*   background-color:red; 
*
*    .sb-media(40em ,{
*     background-color: blue;
*    });
*  }
*/

@no-mq-support: 'false';
@no-mq-threshold: 60em;

.sb-media(@query, @rules) when (@no-mq-support = 'false'){
  @media all and (min-width: @query) { @rules(); }
}

.sb-media(@query, @rules) when (@no-mq-support = 'true') and (@query < @no-mq-threshold){
  @rules();
}