@use 'variables' as *;

@mixin mobile {
  @media all and (max-width: 767px) {
    @content;
  }
}

@mixin tablet {
  @media all and (min-width: $tablet) {
    @content;
  }
}

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