@import 'public-booking/main_dependencies';

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

@mixin mobile-only {
  @media screen and (max-width: $screen-desktop - 1) {
    @content;
  }
}

// Small device mixins.
@mixin desktop-sm {
  @media only screen and (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
    @content;
  }
}

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

@mixin desktop-sm-max {
  @media only screen and (max-width: $screen-sm-max) {
    @content;
  }
}

// Medium device mixins.
@mixin desktop-md {
  @media only screen and (min-width: $screen-md-min) and (max-width: $screen-md-max) {
    @content;
  }
}

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

@mixin desktop-md-max {
  @media only screen and (max-width: $screen-md-max) {
    @content;
  }
}

// Large device mixins.
@mixin desktop-lg {
  @media only screen and (min-width: $screen-lg-min) {
    @content;
  }
}