Kcko
8/28/2014 - 2:38 PM

Respond mixin - MQ

Respond mixin - MQ

/*
 @author - Roman Janko, rjwebdesign.cz
 @date - 28.8.2014
*/

@mixin respond($minWidth: false, $maxWidth: false) {
  
  @if $minWidth and $maxWidth 
  {
      @media screen and (min-width: $minWidth) and (max-width: $maxWidth) { @content; }
  }
  
   @else if $minWidth
   {
      @media screen and (min-width: $minWidth) { @content; }
   }
  
   @else if $maxWidth
   {
      @media screen and (max-width: $maxWidth) { @content; }
   }
   @else 
   {
      @warn "error - undefined params";
   }
}