sass general mixins

sass viewport mixins

// Viewport sizes
$tablet-min-width: 768px;
$desktop-min-width: 1024px;

@mixin phone{
  @media (max-width: #{$tablet-min-width - 1px}){
    @content;
  }
}

@mixin tablet{
  @media (min-width: #{$tablet-min-width}) and (max-width:#{$desktop-min-width - 1px}){
    @content;
  }
}

@mixin desktop{
  @media (min-width: #{$desktop-min-width}){
    @content;
  }
}