@import './variables';


@mixin if-viewport($media) {
  @if $media == small {
    
    @media only screen and (max-width: $mobile) {
      @content;
    }

  } @else if $media == medium {
    
    @media only screen and (min-width: calc($mobile + 1px)) and (max-width: calc($desktop - 1px)){
      @content;
    }

  } 
}